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 Between the Scenes

Transcript

In this add-on, you'll program of fading transition, to change scenes in your story.

To start, make a new backdrop that will show between scenes.

To do this, click on the stage, then click on the backdrops tab.

Click, paint new backdrop to create your transition message.

Next, click the text tool to type your message.

This example types, later that night, to show that there is a time lapse between the beginning of the story and the next scene.

Write a message that fits your story, like, the next day, two weeks later, or meanwhile.

Next, create a transition in which the scene will fade out before the message shows and back in after it.

Drag out a change effect block.

Click the drop down to change the effect to ghost.

When you click this block, the stage fades and disappears.

To reset the stage, click the clear graphic effects block in the looks menu.

To make a slower fading out effect, add a wait block, to the change effect block and add a repeat loop around this block stack.

Tinker with the values inside the change effect and wait blocks to control how quickly the stage fades out.

This example uses 10 in the change effect block and .1 in the wait block.

Test it out.

Great, when the block side is clicked, the stage fades.

Next, make the stage fade back in after the transition message shows, so the next scene can begin.

Duplicate the repeat loop and change the value in the change effect block to a negative number, like -10.

When you test this, the stage fades back in.

Program the different backdrops to appear at the right times in your story.

The first backdrop will show, then fade out.

The transition slide will fade in, then fade out.

Finally, the new backdrop or setting will fade in.

To make this happen, you could repeat the different repeat loop block stacks but that would make your code really long.

To simplify this, make two new blocks.

One for a fade out and the other for a fade in.

Click the my blocks menu and click make a block.

Name the block something that makes sense for fade out effect like Fade Out.

Then, add the new defined block to the top of the repeat loop for the change ghost effect with a positive number.

Great, make another block called Fade In and place the defined block at the top of a block stack for the positive change effect block.

Drag out a fade out block from the more blocks menu, and add a switch backdrop block from the looks menu.

Change the backdrop to the transition message you created.

Next, add a fade in block to make the transition slide appear.

Add another fade out block and a switch backdrop block to show the next scene.

And finally, add another fade in block to make the backdrop appear.

Test your code.

Feel free to add a wait block between the fade in and fade out blocks to make sure the transition is on the stage long enough for viewers to read it.

Prompt your transition effect using broadcast and when I receive blocks.

Click back to your main character sprite, add a broadcast message before the sprite changes scenes and name the message.

This example uses opening night.

Then click back to the stage.

Add a when I receive block and change the message to the correct name.

Finally, when the flag is clicked, the stage should be on the first scene or backdrop.

So drag out a when flag clicked event and add a switch backdrop block.

Change the drop down to the backdrop for your stories first scene.

This is a difficult problem, keep trying to solve it and don't get discouraged if the first few solutions you try don't work.

Great, you created the transition between the scenes in your story.

Now it's your turn.

Use a repeat loop, a change ghost effect and a wait block to make a fading in and fading out effect.

Make two new blocks to reuse the fade in and fade out code.

Finally, program the different backdrops to appear using the broadcast, when I receive, fade out, fade in, and switch backdrop blocks.

Choose an Add-On
Escape!
Program your character to escape the scene!
Dynamic Dialogue
Make a conversation happen between two characters in your story.
Between the Scenes
Program a fading transition to change the scene in your story!
Deus Ex Machina
Add a new sprite that fixes the conflict and resolves the premise in your story.
The End
End your story with a cool animation.
arrow_backward Back
Next arrow_forward
Instructions
  1. Select modules that interest you!