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 New Backdrop


In this video, you will program the scene behind your word to change.

This is called the backdrop.

This will give the letters in your project different backdrops, kind of like scene changes in a play or a movie.

To start, click “add a backdrop.”

Then, add at least two backdrops to your project.

Look through the available backdrops until you find one you like.

To add a backdrop to your project, click it.

Click through the backdrops you choose to see how they look in your project.

If you like, draw your own backdrop.

Click “choose a backdrop,” and select the paintbrush.

Use the tools to create your own backdrop for your animation.

Draw with the paintbrush.

Add shapes and lines, And add color to create your own, unique backdrop.

Then, delete the white backdrop from your project.

Click it, then click the “x.” Click the “scripts” tab, and add a sprite to your project.

Scroll through the library of available sprites until you find the letter you need.

Click on the sprite to add it to your project.

This example adds the letter “A,” but you will add a letter from the name you are animating.

Click the “looks” menu.

Click, hold, and drag out a “switch backdrop to” block.

Select “next backdrop” from the dropdown menu.

Click the block to see what happens.

The background of your project changes to the backdrops you added!

Next, make this code run when a sprite is clicked.

From the events menu, drag out a “when this sprite clicked” block.

Snap it to the top of the “switch backdrop to” block.

Click the sprite.

The backdrop changes!

Now someone can change the scene in your project simply by clicking the sprite.

Now, it’s your turn: Add at least two backdrops to your project, or draw your own.

Delete the white backdrop.

Add a “switch backdrop to” block.

Change dropdown to “next backdrop.”

And add a “when this sprite clicked” event.

Once you finish these steps, return to this page to select another add-on to try.

Choose an Add-On
Change Color
Change the color of a letter when it’s clicked.
Grow and Shrink
Change the size of a sprite when it’s clicked and add a sound to match the animation.
Draw a Letter
Draw your own letter and make it move.
Add a letter and rotate it when it’s clicked.
Move the sprite up and down and add a sound as it bounces
Create and change to different costumes.
Bounce Everywhere
Move the sprite all around the stage, then make it return to a specific point.
New Backdrop
Switch to a different backdrop by clicking the letter or sprite.
Say Something
Make the letters talk to each other when the green flag is clicked.
Sprite Dance
Make a sprite dance when the sprite is clicked.
Add Background Music
When you click a sprite, play a song and change the background
Play a Beat
Play a drum beat when the sprite is clicked.
Next arrow_forward
  1. Watch the introduction video.
  2. Open the Starter Project below.
  3. Return to this page and watch more videos to customize your project.