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 Paint Your Own Animation

Transcript

In this video, you will use the paint editor in Scratch to make at least two new costumes for the object in your story.

In Scratch, when a sprite changes costumes, it changes its appearance.

When your object sprite switches between costumes quickly, it will create an animation, much like when you flip through the pictures in a flip book or watch a movie made up of different frames.

This will make your object come alive when your characters discover it.

To start, select the object.

Then, click on the “costumes” tab.

Use the paintbrush in the costume editor to draw on the sprite’s costume.

Draw anything you like.

You might include simple lines, antennae, small wings, or stars.

Duplicate the sprite’s costume at least once.

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

Click on the second costume.

Use the paint editing tools to change it slightly, so that when the sprite changes costumes, it makes a fun animation.

Repeat these steps for each duplicate costume.

Even small changes in costumes can create a surprising effect.

Experiment with the paint editor to make your sprite look however you like.

If you make a mistake, that’s okay!

Undo mistakes using the “undo” button.

Return to the “code” tab, and select the “looks” menu.

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

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

The object cycles through the costumes you created.

It looks very eye-catching!

To continue this animation, you have to keep clicking the block.

To program the sprite to keep changing costumes, 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 animation happen for a shorter or longer time, change the value in the “repeat” block.

In this example, the animation is happening a little too quickly.

To fix that, add a “wait” block after the “next costume” block.

Change the value in the wait block to something small.

This example uses zero point 1.

Tinker with this value until you find something that works well for your program.

Next, make this animation run at the beginning of your program.

From the “events” menu, drag out a “when flag clicked” event.

Attach it to the top of your block stack.

Click the flag to test it out.

Nice!

When the flag is clicked, the object comes to life!

To make this animation go along with your dialogue, add a "wait" block under the "when flag clicked" event.

Consider adding more “say” blocks to your character sprites so they can respond to the new animations from the object!

Now, it’s your turn: Select the object sprite.

Go to the “costumes” tab and draw on the sprite’s costume.

Duplicate the sprite’s costume at least once, and make small changes to each costume.

Add a “next costume” “repeat,” “wait” and “when flag clicked” block to program your animation.

Finally, add a “wait” block under the “when flag clicked” event to match the animation to the dialogue.

Then, return to this page to select another video to try.

Choose an Add-On
Start here
Continue the Conversation
Add code to both character sprites to continue their conversation.
Code a Color Change
Make the object change colors.
Add Mystery with a Pulsing Object
Make the object grow and shrink repeatedly to look like a pulse.
Add Sounds to Your Story
Add sound to the story when the characters discover the unusual object.
Make Your Object Bounce
Code the object to bounce around the screen.
Paint Your Own Animation
Use the costume editor in Scratch to customize an animation.
Animate a Story Title
Build a title card for the project and animate it before the story begins.
Let the Audience Decide
Ask the audience a question and make something happen based on the response.
Add an Object
Add another object to the story to create more action.
Instructions

Para hacer esta actividad en español, haz clic aquí.

Students
  1. Watch the introduction video.
  2. Open an 'adventure' project link below and add characters and dialogue.
  3. Return to this page and watch more videos below.
Teachers
  1. Visit the Hour of Code teacher resource page for instructions.