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 Sprite Dance

Transcript

In this video, you will make one of your letters dance.

As your sprite dances on stage, it will celebrate what is special about the name you chose and add creativity to your animation.

To start, add a new 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.

Then, code the sprite to dance.

On the Code tab, click the Looks menu.

Click, hold, and drag out a change effect block.

Select whirl from the dropdown menu.

Click the block to see what it does.

The sprite moves, but not enough to be a dance move.

Change the value in the change effect block to make the sprite whirl more.

Type in 15.

Click the block again.

The sprite whirls more now, but it only whirls in one direction, so it doesn't really look like it's dancing.

To fix this, code the sprite to whirl back in the other direction.

Drag out another change effect block from the Looks menu.

Don't connect it to the first change effect block.

Select whirl from the dropdown menu.

To make the sprite whirl in the opposite direction, change the value in the second change effect block to a negative number.

Try negative 50.

Click the block to see what happens.

The sprite whirls in the opposite direction.

To clear the whirl effect and return the sprite to its original state, click the stop sign.

Snap the two change effect blocks together.

Then, click the block stack to make the sprite dance.

Nothing happens!

The sprite is actually moving so fast you can't see it.

To fix this, click the Control menu, and drag out a wait block.

Place it between the two change effect blocks.

Then, drag out a second wait block and snap it to the bottom of the block stack.

Click the block stack to test.

The sprite dances, but the motion is too slow.

Type a lower value in the wait blocks to speed up the sprite's dance.

Try 0.1.

Click the block stack.

Nice!

The sprite whirls to the right and to the left, so it looks like it's dancing.

Next, make this animation run when the sprite is clicked.

From the Events menu, drag out a when this sprite clicked event.

Attach it to the top of your block stack.

Click the sprite.

The letter dances when you click it.

Now it's your turn.

Add a sprite to your project.

Drag out a change effect block, select whirl, and change value to 50.

Drag out a second change effect block.

Select whirl, and change the value to negative 50.

Add two wait blocks.

Change value in wait blocks to 0.1.

Add a when this sprite clicked event.

Return to this page to select another video.

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/)