{% trans 'Watch it here now.' as msg_meta_extra} Costume Animation (Part 1 of 2) - Dialogue - CS First 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 Costume Animation (Part 1 of 2)


This add-on will show you how to animate your characters using costumes and some new looks blocks.

A sprite's appearance is called a costume.

Changing a sprite's costume changes its look.

Each sprite has at least one costume, and some have several.

To see if the sprites in your story have multiple costumes, click the Costumes tab, then click each sprite.

Now you can only animate sprites that have more than one costume, which means you may need to choose different sprites in order to animate, or you can add new costumes by clicking Paint new costume or Add costume from the library.

Use the switch costume to block to sequence costumes and change the sprite's appearance during your story.

In this example, the penguin changes costumes to look like it's talking.

This is especially useful in this story because it has a lot of dialogue.

To program costume changes use the change costumes block from the looks menu.

Here a penguin starts with the costume, Penguin2 talk a.

Then before it says goodbye, it switches to Penguin2 talk b.

Check it out.

How you change costumes in your story is completely up to you.

Explore different costumes and different ways to program you sprite's costume changes throughout the story.

In part two if this add-on, you'll learn how to draw and edit costumes to make a completely unique animation.

Now it's your turn.

First, check each sprite you want to animate to ensure that it has more than one costume.

If it doesn't, add costumes using the choose new costume from library button.

Second, sequence change costume to blocks throughout your story to change your sprite's appearance.

Choose an Add-On
Add a Title Screen
In this add-on, you will design and program a title screen that will appear at the start of your story.
Costume Animation (Part 1 of 2)
This add-on will show you how to animate your characters using costumes and some new “looks” blocks.
Costume Animation (Part 2 of 2)
This add-on will show you how to animate your characters using costumes and some new “looks” blocks.
Adding Motion (challenge)
In this add-on, you'll be introduced to the "glide" block, which you can then use to add motion to your story.
Add a Third Character
In this add-on, you'll add a third sprite to your story using a "broadcast" block.
Add a Second Scene to your Story (challenge)
In this add-on, you’ll learn how to add a second scene to your story, then you’ll program the dialogue in that scene on your own.
arrow_backward Back
Next arrow_forward
  1. Choose an Add-On, and click "watch" to learn how to build it.
  2. Once you finish one Add-On, try another one below the video!