Skip to content

Please update your browser

Your browser version is not supported by this site. CS First may not work properly. Learn more

arrow_back Studio Mascot

Choose an Add-On
play_circle_filled
Transitions
Add transition effects to your studio logo.
arrow_forward
play_circle_filled
Spiral Effect
Make the logo spin into the screen.
arrow_forward
play_circle_filled
Text Shadow
Add a shadow effect to the text.
arrow_forward
play_circle_filled
Climax
Make something surprising happen.
arrow_forward
play_circle_filled
Stinger
Create your own introduction sound.
arrow_forward
play_circle_filled
Studio Mascot
Animate a sprite as part of your logo.
arrow_forward
  • 1. Studio Logo Introduction
  • 2. Design Studio Logo
  • 3. Combine the Sprites
  • 4. Clone Actions
  • 5. Portable Logo
  • 6. Add-Ons
  • 7. Reflection
  • 8. Wrap-up: Studio Logo
  • 9. Wrap-up: Share Your Project
  • 10. Wrap-up: Show Your Project
arrow_backward Back Next arrow_forward
Transcript

In this add-on, you will animate a character to go with your studio logo.

First, add new costumes to the Studio Logo sprite.

This example adds two dinosaur costumes.

Next, create another clone.

Duplicate the “if” loop, and change the value to the new costume.

Delete the code inside.

Test it to make sure the clones appear.

Set the size and starting location of your sprite.

To change the size, use the shrink tool in the costume editor, otherwise all of the other costumes shrink as well!

To set the starting location, you may have to “show” the sprite.

To make the new character animate, use a repeat loop inside of the newest if statement.

Use “switch costume” and “wait” blocks to animate the character.

If you have a more complex animation, consider building functions like you did in the Android Story project.

Test your code!

Remember to keep the animations short to fit with your studio logo animation!

Now, it’s your turn!

Add a new character to the studio logo.

Then, animate the character with multiple costumes.

Instructions
  1. Watch the video to preview the add-ons.
  2. Choose an add-on, and click "watch" to learn how to build it.
  3. After you finish, come back to this page and try another one!