Skip to content

Please update your browser

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


In this video, you will bring your project to life by making a letter spin.

A spinning motion can express many things like happiness, enthusiasm, or even confusion.

Use your spinning letter to express something about the name you are animating.

To start, 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 uses the letter A, but you will add a sprite for the name you are animating.

Next, make the sprite spin.

From the Code tab, select the Motion menu.

Click, hold, and drag out a turn block.

Click the block to see what it does.

The sprite turns a little bit.

To make the sprite turn more, test out different values in the turn block.

Type in higher and lower numbers to change how much the sprite turns with one click.

A value of 30 makes the sprite turn a bit more, but you still need to click the block many times to get the sprite to spin completely around.

To fix this, select the Control menu and drag out a repeat block.

Place it around the turn block.

This is a special kind of block called a loop.

It makes the blocks inside it run multiple times.

Click the block stack.

The sprite spins, but not very many times.

Change the value in the repeat block to a higher number like 24.

Click the block stack again.

The sprite spins around many times.

The sprite doesn't end its spinning in an upright position though.

To fix this, click the Motion menu and drag out a point in direction block.

Snap it to the bottom of your block stack.

Click the stack to see what happens.

The sprite spins, and it ends in the correct position.

To run this code when the sprite is clicked, add a when this sprite clicked event to the top of the code.

Click the sprite.

The sprite spins when you click it.

Now it's your turn.

Add a new sprite to your project.

Add a turn block and change the value.

Add a repeat block and change the value.

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.
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.
  • "NYSD - Pet Name" by techwonder21 ( -- Licensed under CC BY-SA 2.0 (
  • Animate a Name is based off of the 'Animate Your Name' Scratch tutorial ( developed by Scratch team at the MIT Media Lab. It was adapted and re-developed by Google in partnership with 4-H (, West Virginia University and Utah State University for National Youth Science Day 2018 (, 4-H's largest annual STEM challenge.
  • "4H_Emblem" by US Government ( -- Licensed by CC0 Public Domain (
  • "NYSD - Adjective Name" by techwonder21 ( -- Licensed under CC BY-SA 2.0 (