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)

Choose an Add-On
play_circle_filled
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.
arrow_forward
play_circle_filled
Costume Animation (Part 1 of 2)
This add-on will show you how to animate your characters using costumes and some new “looks” blocks.
arrow_forward
play_circle_filled
Costume Animation (Part 2 of 2)
This add-on will show you how to animate your characters using costumes and some new “looks” blocks.
arrow_forward
play_circle_filled
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.
arrow_forward
play_circle_filled
Add a Third Character
In this add-on, you'll add a third sprite to your story using a "broadcast" block.
arrow_forward
play_circle_filled
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_forward
  • 1. Introduction to Dialogue and Sequencing
  • 2. Setting the Scene
  • 3. Speaking and Responding
  • 4. Add-Ons
  • 5. Reflection
  • 6. Wrap-up: Dialogue
  • 7. Wrap-up: Share Your Project
  • 8. Wrap-up: Show Your Project
arrow_backward Back Next arrow_forward
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.

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!