Skip to content

Please update your browser

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

Transcript

You will program a letter to repeatedly change costumes when it is clicked.

This will make it look like it is waving.

Part of creating a fun animation is designing letters to have different looks or perform different actions.

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.

Next, program the sprite to change costumes.

Click on the “costumes” tab.

Duplicate the sprite’s costume at least twice.

To duplicate a costume, right click it, and choose “duplicate.”

Next, change each costume slightly, so that when the sprite changes costumes, it will wave.

To start, click on the first costume.

Then, use the paintbrush in the costume editor to draw parts on the costume that will wave.

These might be simple lines, antennae, small wings, or arms.

Click on the second costume.

Select the paintbrush, and draw the same parts on this costume as well.

This time, draw them further apart, as they would look when the sprite is waving.

On the third costume, follow the same steps to draw the arms, wings, or antennae closer together again, as they would look when the letter is finishing its wave movement.

Make your sprite look however you like.

Return to the “scripts” tab.

Click the “looks” menu.

Click, hold, and drag out a “next costume” block.

Click the block a few times to see what it does.

The letter cycles through the costumes you created.

It looks like it’s waving.

To make the letter wave, though, you have to keep clicking the block.

To program the letter to keep waving, click the “control” menu, and drag out a “repeat” block.

Place it around the “next costume” block.

The “repeat” block runs the blocks inside it a specific number of times.

To make your letter wave for a shorter or longer time, change the value in the “repeat” block.

Type in a smaller number, and click the block stack.

The sprite only waves a few times.

Type in a larger number, and click the block stack again.

The sprite waves for longer.

Try out different values in the “repeat” block until you like the effect.

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 waves at you when you click it!

Now someone can use the code you created simply by clicking the letter in your name.

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

Go to the “costumes” tab, and duplicate the sprite’s costume at least twice.

Draw on the sprite’s costumes to create a “waving” animation.

Add a “next costume” block.

Add a “repeat” block, and change the value.

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