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 Animate the Narrator (Part 1 of 2)


This add-on is a bit more challenging. This video will guide you through it to help you complete the difficult parts. When you are finished, the narrator’s mouth will move while it talks about the main character. First, write the code that will make the narrator’s mouth move. If you click on the costumes tab, you’ll notice the narrator has 3 costumes. Click between them, and it looks like he’s talking.

Go back to the scripts tab, and click on the looks menu to find the “next costume” block.

Click on it to switch costumes.

To switch costumes without having to keep clicking the block, place it inside a loop. Test the code by clicking on it.

The mouth moves, but it’s really fast. Adding a “wait” block and tinkering with its value will make the mouth move slower.

Great. The “say for ___ seconds” block shows a speech bubble for the specified number of seconds.

To test just this piece of the code, temporarily remove it from the rest of the code, then run it.

That doesn’t look right! The “say for __ seconds” block causes the speech bubble to show up, stay for a few seconds, then disappear.

Only then does the code start running. The “say” block, on the other hand, makes the speech bubble show up and remain visible until the next “say” block is run. Placing the animation code under the “say” block makes the speech bubble remain in place while the narrator’s mouth moves. Test it by clicking on the code. It works!

Wait! There is one problem. The narrator doesn’t stop saying “this main character’s name is Dino,” even after the mouth stops moving. To make the “say” block disappear, add a second “say” block after the code that makes the narrator’s mouth move, and leave the space that tells the character what to say empty. Click on the code to watch it work.

The narrator says “This main character’s name is Dino” while the mouth moves, then stops. Great! This code would get really long and hard to read if you had to insert this code block every time the main character does something.

Animate the Narrator Part II will show you how to create your own block that will make the narrator talk while its mouth is moving, so you can use a single block instead of multiple ones each time the narrator speaks in your story.

Now, it’s your turn: Use a repeat loop, “next costume” block, and “wait” block to animate the narrators mouth.

Swap the “say for __ seconds” block with the “say” block, and place it above the animation code. Add an empty “say” block to the end of the animation code to make the speech bubble disappear.

Choose an Add-On
Change Setting
In this add-on, you will change your story’s setting.
Mystery Box (Part 1 of 2)
Animate a mystery box to appear!
Mystery Box (Part 2 of 2)
Animate a mystery box to appear!
Animate the Narrator (Part 1 of 2)
Animate the narrator to talk!
Animate the Narrator (Part 2 of 2)
Animate the narrator to talk!
Play a Song
This add-on will show you how to use Scratch to create your own song.
Add Another Character
In this add-on, you add another character to your story to spice it up!
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!