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 Transitions

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 program all of your clones to fade at the end of the animation, creating a transition effect.

First, choose an effect.

Drag out a “change effect” block.

From the dropdown menu, pick an effect.

You may have to show the sprite to see what each does.

As you tinker, click the “clear graphic effects” block to reset the sprite to normal.

This example uses the pixelate effect and changes the value to 10.

Try out multiple “change effect” blocks, and tinker with the values to come up with something you like!

Add a repeat block around the “change effect” block.

Put it in your program under the “when I receive” block.

Now, it’s your turn.

Add a transition effect to the studio logo using “change effect” and “repeat” blocks.

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!