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 Grow and Shrink

Transcript

Here you will make a letter grow and shrink when it's clicked and add a sound to go with your animation.

The letter in the name will look like it's coming close to the screen then moving backwards again.

This adds excitement to your animation.

(space sounds)

To start, add a new sprite to your project from the Scratch library.

Scroll though the sprites to find the letter you need.

Click on the sprite to add it to your project.

This example uses the letter A, but you will add a sprite for the name you are animating.

Next, code the sprite to change size.

Click the code tab and select the looks menu.

Click, hold, and drag out a change size by block.

Click the block to see what happens.

With each click, the sprite gets larger.

Now that your sprite grows, add code to make it shrink.

Drag out another change size by block from the looks menu.

Don't connect your two code blocks together.

The first change size by block, contains a positive number and it makes the sprite grow larger.

To make the sprite get smaller, change the value in the second change size by block to a negative number.

Click the block to test it.

The sprite shrinks!

To make the sprite grow, then shrink choose the control menu and drag out a repeat block.

This type of block is called a loop.

It fits around other code blocks to make the blocks in side it run repeatedly.

Place a repeat block around each change size by block.

(playful music)

Then, connect the two block stacks together.

Click the block stack.

The sprite gets bigger, then smaller.

Nice work!

Next, add a sound that goes with the way your sprite moves.

In an animation, a sound often plays when the character performs an action.

Like when your sprite grows and shrinks.

To start, click the sounds tab, then choose a sound.

Find a sound you like in the Scratch library.

Select the sound you want to add to your project and click.

(alarming sounds)

After you choose a sound, return to the code tab.

Select the sound menu.

Click, hold, and drag out a start sound block and attach it to the top of your block stack.

Choose the sound you added from the drop-down menu.

Click the block stack.

(alarming sound)

The sound you selected plays as your sprite grows and shrinks.

Next, make your animation run when the sprite is clicked.

From the events menu, drag out a when this sprite clicked block and snap it to the top of your block stack.

Click the sprite.

The sprite grows and shrinks and your sounds plays.

Now it's your turn.

Add a sprite to your project.

Add two change by size blocks, one with a positive value and one with a negative.

Add a repeat block around each change size by block.

Choose a sound from the library.

Add a start sound block and choose your new sound from the drop-down.

And you add a when this sprite clicked event.

Once you've finished these steps, return to this page to select another add-on to try.

Choose an Add-On
Change Color
Change the color of a letter when it’s clicked.
Grow and Shrink
Change the size of a sprite when it’s clicked and add a sound to match the animation.
Draw a Letter
Draw your own letter and make it move.
Spin
Add a letter and rotate it when it’s clicked.
Bounce
Move the sprite up and down and add a sound as it bounces
Wave
Create and change to different costumes.
Bounce Everywhere
Move the sprite all around the stage, then make it return to a specific point.
New Backdrop
Switch to a different backdrop by clicking the letter or sprite.
Say Something
Make the letters talk to each other when the green flag is clicked.
Sprite Dance
Make a sprite dance when the sprite is clicked.
Add Background Music
When you click a sprite, play a song and change the background
Play a Beat
Play a drum beat when the sprite is clicked.
Next arrow_forward
Instructions
  1. Watch the introduction video.
  2. Open the Starter Project below.
  3. Return to this page and watch more videos to customize your project.
Attributions
  • "NYSD - Pet Name" by techwonder21 (https://scratch.mit.edu/projects/226242085/editor) -- Licensed under CC BY-SA 2.0 (https://creativecommons.org/licenses/by-sa/2.0/)
  • Animate a Name is based off of the 'Animate Your Name' Scratch tutorial (http://scratch.mit.edu/name) developed by Scratch team at the MIT Media Lab. It was adapted and re-developed by Google in partnership with 4-H (http://4-h.org/), West Virginia University and Utah State University for National Youth Science Day 2018 (https://4-h.org/parents/national-youth-science-day/), 4-H's largest annual STEM challenge.
  • "4H_Emblem" by US Government (https://commons.wikimedia.org/wiki/File:4H_Emblem.svg) -- Licensed by CC0 Public Domain (https://creativecommons.org/share-your-work/public-domain/cc0/)
  • "NYSD - Adjective Name" by techwonder21 (https://scratch.mit.edu/projects/226481973/editor) -- Licensed under CC BY-SA 2.0 (https://creativecommons.org/licenses/by-sa/2.0/)