animate a character cards · scratch.mit.edu get ready choose a backdrop. soccer 2 choose a...

18
scratch.mit.edu Set of 8 Bring characters to life with animation. Animate a Character Cards

Upload: others

Post on 19-Jan-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

scratch.mit.edu Set of 8

Bring characters to life with animation.

Animate a Character Cards

Page 2: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

Try these cards in any order:

• Move with Arrow Keys• Make a Character Jump

• Switch Poses• Glide from Point to Point

• Walking Animation• Flying Animation• Talking Animation

• Draw an Animation

Animate a Character Cards

scratch.mit.edu Set of 8 cards

Page 3: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

Move with Arrow Keys

1Animate a Character

Use the arrow keys to move your character around.

Page 4: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

Move with Arrow Keysscratch.mit.edu

GET READY

Choose a character.Soccer 2Choose a backdrop. Pico Walking

Change x

ADD THIS CODE

Change yMove your character side to side.

Type a minus sign to move down.Type a minus sign to move left.

TRY IT

Move your character up and down.

Press the arrow keys on your keyboard to move your character around.

Page 5: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

2Animate a Character

Make a Character Jump

Press a key to jump up and down.

Page 6: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

Make a Character Jumpscratch.mit.edu

GET READY

ADD THIS CODE

TRY IT

Choose a character.Blue SkyChoose a backdrop. Giga Walking

Type a minus sign to go back down.

Giga Type how high to jump.

Press the space key on your keyboard.

Page 7: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

3Animate a Character

Animate a character when you press a key.

Switch Poses

Page 8: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

Switch Posesscratch.mit.edu

GET READY

Choose a costume.

Choose a character with multiple costumes, like Max.

Click the Costumes tab to view all of your sprite’s costumes.

Max

Max

Scroll over sprites in the Sprite Library to see if they have different costumes.

ADD THIS CODE

Click the Code tab.

TRY IT

Choose a different costume.

Press the space key on your keyboard.

Page 9: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

4Animate a Character

Make a sprite glide from point to point.

Glide from Point to Point

Page 10: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

Glide from Point to Pointscratch.mit.edu

GET READY

ADD THIS CODE

Choose a character.NebulaChoose a backdrop. Rocketship

Set the starting point.

When you drag a sprite, itsx and y positions will update in the blocks palette.

Set another point to glide to.

Set the end point.

Rocketship

TRY IT

Click the green flag to start.

TIP

Page 11: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

5Animate a Character

Make a character walk or run.

Walking Animation

Page 12: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

Walking Animationscratch.mit.edu

GET READY

ADD THIS CODE

Choose a walking or running sprite.

JungleChoose a backdrop.

Unicorn Running

Unicorn Running

TRY IT

Click the green flag to start.

TIP

If you want to slow down the animation, try adding a wait block

inside the repeat block.

Page 13: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

Animate a Character

Have a character flap its wings as it moves across the stage.

6

Flying Animation

Page 14: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

Choose Parrot(or another flying sprite).

CanyonChoose a backdrop.

Parrot

Flying Animationscratch.mit.edu

GET READY

Set the end point. Choose another.

TRY IT

ADD THIS CODE

Glide across the screen Flap the wings

Set the starting point.

Choose one costume.

Click the green flag to start.

Page 15: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

Animate a Character

Make a character talk.

7

Talking Animation

Page 16: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

Choose Penguin 2.

Penguin

Click the Costumes tab to view the penguin’s other costumes.

Talking Animationscratch.mit.edu

ADD THIS CODE

GET READY

Type what you want your character to say.

Choose one costume.

Choose another.

Click the Code tab.

TRY IT

Click the green flag to start.

Page 17: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

Animate a Character

Edit a sprite’s costumes to create your own animation.

8

Draw an Animation

Page 18: Animate a Character Cards · scratch.mit.edu GET READY Choose a backdrop. Soccer 2 Choose a character. Pico Walking Change x ADD THIS CODE Change y Move your character side to side

Frog

Choose a character.

Now you should have two identical costumes.

Click theSelect tool.

Select a part of the costume to squeeze or stretch it.

Use the next costume block to animate your character.

TRY IT

Click the green flag to start.

Right-click (on a Mac, control-click) a costume to duplicate it.

Click the Costumes tab.

Click a costume to select and edit it.

Draw an Animationscratch.mit.edu

ADD THIS CODE

GET READY

Click the Code tab.

Drag the handle to rotate an object you’ve selected.