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 Change


To give your sprites more personality program them to show different emotions based on the scene.

In this video you'll use blocks from the looks menu to change your sprite's appearance.

In Scratch a sprite's appearance is called a costume.

Click the Costumes tab to see the different options.

Click each costume.

The sprite's appearance changes.

Pretty cool.

Clicking the sprite's costume every time you want to change its appearance could get tiring though.

Luckily Scratch allows you to automate this process and save time, by dragging out a few blocks.

In this example the code makes Carmen's facial expressions change when she talks to Molly and reacts to the glitch.

You will program an animation that makes sense for your project.

To start select a sprite to animate.

Then program your sprite to change costumes using blocks from the Looks menu.

Click the switch costume to block to see what happens.

Carmen changes costume.

This is the block you will use to make your sprite change facial expressions.

Drag out several switch costume to blocks from the looks menu and snap them together.

Click to test.

The sprite's expression does not change because all three blocks specify the same costume.

Click the dropdown menus to select more costumes.

This example uses Carmen1, Carmen2, and Carmen3.

Click the block stack to test again.

Oh no, the costume change happens so fast you can't see it.

To fix this, place wait blocks from the Control menu between the switch costume to blocks.

Next, program the sprite's costume changes to happen at the right time in your project.

From the Events menu, drag out a block that runs the code at a specific time.

This example uses a when backdrop switches to block.

Attach it to the top of the block stack.

This block runs the code attached to it when the program switches to a specific backdrop.

This example chooses the backdrop Hallway 1 from the dropdown menu.

That way the sprite's costume change happens when the program switches to the Hallway 1 backdrop.

Choose a backdrop from the dropdown menu.

Then click the green flag to test.

Great the program works, but the sprite's costume changes do not match what's happening in the scene.

To fix this, tinker with the values in the wait blocks to make the costume changes happen at the right points in your story.

Click the block stack.

The sprite switches to a costume, waits, then switches to another costume.

Click the green flag to test again.

The costume changes match the story, great job.

Animate additional characters by changing their appearances.

To do this, select the sprite, and use switch costume to and wait blocks.

Now it's your turn.

Select a character to animate.

Review their costumes for that character, by clicking the costumes tab.

Choose several costumes using switch costume to blocks.

Add wait blocks to sequence your story.

Specify when the code should run by using an Events block.

And finally, animate additional characters using switch costume to and wait blocks.

Choose an Add-On
Place to Place
Use move blocks to add drama to the story
Hear It Happen
Create custom sounds to play randomly with the glitch
Even Glitchier
Make the glitch effect your backdrop
Make Them Jump
Program your characters to move with arrow keys
GIF for your Glitch
Upload a GIF and animate it to change your story
Costume Change
Use blocks to change your Sprite's appearance
arrow_backward Back
Next arrow_forward
Draw your story toward a conclusion using dialogue, scene changes, or new characters.
  • "Gumball | The Signal | Cartoon Network" by The Amazing World of Gumball ( -- Licensed by Standard Youtube License (