Skip to content

Please update your browser

Your browser version is not supported by this site. CS First may not work properly. Learn more

1. Animate a Name Demo


In this video, you will make a letter change color when it is clicked.

This changes the look of a letter in your animation and makes it stand out.

To start, add a new sprite to your project from the Scratch library.

Scroll through the sprites to find the letter you need.

Click on the sprite to add it to your project.

This example uses the letter “A,” but you will add a sprite for the name you are animating.

Next, code the sprite to change colors.

Click the “scripts” tab, and select the “looks” menu.

Click, hold, and drag out a “change effect by” block.

Change the dropdown to “color.”

Click the block to see what it does.

Each time you click, the sprite changes color!

Next, make the sprite change color when it is clicked.

To do this, click the events menu.

Blocks from this menu tell the computer when to run code.

Drag out a “when this sprite clicked” block.

Attach it to the top of the “change effect by” block.

Click the sprite to see what happens.

The sprite changes color when you click it!

Now, it’s your turn: Add a sprite to your project.

Add a “change effect by” block, and change the dropdown to “color.”

Add a “when this sprite clicked” event.

Once you finish these steps, return to this page to select another video.

  1. Watch the instructional video.
  2. Open the Teacher Demo Project.
  3. Add code to change the color of one of the letters when you click the sprite.
  4. Go to Step 2: Review materials.