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 Reveal the Frames


In this add-on, you will hide each scene so the users can’t see what happens next.

The starter project includes a sprite called “screen transition.” Click it.

In the looks menu, click the “show“ block to make it appear.

Click the costumes tab, and look at the costumes.

Each costume reveals part of the screen.

Begin by setting the first costume.

From the looks menu, drag out a “switch costume” block.

From the dropdown menu, choose “screen transition1.”

Click it to test.

Only the first scene shows.

Add a “when flag clicked” block.

When you added new sprites, they appeared in front of the “Screen transition” sprite.

Fix this by adding a “go to front” block from the looks menu.

Place the screen transition sprite in the center of the screen using a “go to x y” block with values of zero and zero.

Next, change the costume to reveal the next scene.

Drag out another “switch costume” block, and select “screen transition2.”

From the events menu, drag out a “when I receive” block, and attach it above the “switch costume” block.

Use this same block stack for each scene.

Right click it, and select duplicate.

Change the dropdown in the “when I receive” blocks and the “set costume” blocks.

Test it out!

Now the users see one part at a time in your story!

Now, it’s your turn!

Position the Screen Transitions sprite correctly with a “go to xy” block and a “go to front” block.

Reveal each new scene when the it starts using the “when I receive” and “switch costume” blocks.

Choose an Add-On
Reveal the Frames
Alternate Ending
Music Scoring
arrow_backward Back
Next arrow_forward
  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!