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)

Transcript

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. Every 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. 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 library.” To program costume changes, use the “switch costume to” block from the looks menu.

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.

Here, the penguin starts with costume “penguin2 talk-a.” Then, before it says, “Good Bye” It switches to “penguin 2 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 your sprite’s costume changes throughout the story. In part two of this add-on, you’ll learn how to draw and edit costumes to make a completely unique animation.

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
Instructions
  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!