Make Your Own Animation With

How to Begin

• Go to http://snap.berkeley.edu/snapsource/snap.html

• Create an account by clicking on the CLOUD icon.

• Once you create an account, a password will be sent to your email address. Use that password to login. You can change your password later.

The Task

• Create TWO characters (sprites) and TWO background images (stages).

• Create Dialogue (Text) for each character to start a conversation.

• Create a way for your characters to move between backgrounds / places.

Creating Characters

• Click on SPRITE icon. To create multiple sprites, right-click it and select DUPLICATE.• Make sure COSTUMES is selected. There, you can click on the PAINT BRUSH icon to

create your own character. • You can also right-click the “TURTLE” icon, click edit, and redesign your character.

• Be sure to name your characters.• Select COSTUMES tab.• EDIT to design (right-click). • You can make your characters smaller or larger.

• TIP: Duplicate your original image before shrinking or growing it. That way if you make a mistake, you still have your original design.

• Right-clicking the first image shows the menu. • Select DUPLICATE to create a space for your

SECOND character.

• Your SECOND character will be the same as the FIRST character after you select DUPLICATE.

• Use the COSTUMES space to redesign your SECOND character.

Create Your Background

• DUPLICATE the first background to create your secondbackground image.

• Be sure to name them.

Select the STAGE.

• Name your STAGE.• Select COSTUMES to design.

Scripting: Stage

• To setup the coding for your background, select the STAGE area.

• Click on the SCRIPTS tab. • Control: Make sure the CONTROL panel is selected.

This area allows you to control the actions of your animation. • Option #1 is to use the WHEN GREEN FLAG

CLICKED code block – which is basically your Play button.

• Select the LOOKS panel to change the STAGE background.

• The SWITCH TO COSTUME code block is used to change costumes (or the images that you created for your backgrounds).

To switch to the next background images, I am using the option WHEN SPACE KEY PRESSED.

Scripting: Sprites

Motion and Setting Coordinates • Select the character that you want to focus on first. (Example,

“Happy Face”)• Select SCRIPTS tab. • Set the CONTROL panel.

• Use the GREEN FLAG block. This means that the character will appear when you begin the animation.

• Select MOTION panel. • To set the coordinates, check the X POSITION and Y

POSITION boxes to have the characters position appear on the screen.

• Use the ‘Go to X, Go to Y’ code block.• To create a motion, use the start and end ‘x and y’

coordinates.

Text (Dialogue and Thought Bubbles)

• For adding text or dialogue, select the LOOKSpanel.

• Choose SAY ‘HELLO’ for ‘2’ SECS code block. You can customize the text and seconds.