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

Transcript

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

This is called a 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.

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 Code 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 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.

Add a when this sprite clicked event.

Once you've finished 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.
Spin
Add a letter and rotate it when it’s clicked.
Bounce
Move the sprite up and down and add a sound as it bounces
Wave
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
Instructions
  1. Watch the introduction video.
  2. Open the Starter Project below.
  3. Return to this page and watch more videos to customize your project.
Attributions
  • "NYSD - Pet Name" by techwonder21 (https://scratch.mit.edu/projects/226242085/editor) -- Licensed under CC BY-SA 2.0 (https://creativecommons.org/licenses/by-sa/2.0/)
  • Animate a Name is based off of the 'Animate Your Name' Scratch tutorial (http://scratch.mit.edu/name) developed by Scratch team at the MIT Media Lab. It was adapted and re-developed by Google in partnership with 4-H (http://4-h.org/), West Virginia University and Utah State University for National Youth Science Day 2018 (https://4-h.org/parents/national-youth-science-day/), 4-H's largest annual STEM challenge.
  • "4H_Emblem" by US Government (https://commons.wikimedia.org/wiki/File:4H_Emblem.svg) -- Licensed by CC0 Public Domain (https://creativecommons.org/share-your-work/public-domain/cc0/)
  • "NYSD - Adjective Name" by techwonder21 (https://scratch.mit.edu/projects/226481973/editor) -- Licensed under CC BY-SA 2.0 (https://creativecommons.org/licenses/by-sa/2.0/)