How to Guide - Snap Workshop
-
Upload
keara-hunt -
Category
Documents
-
view
98 -
download
0
Transcript of How to Guide - Snap Workshop
![Page 1: How to Guide - Snap Workshop](https://reader034.fdocuments.in/reader034/viewer/2022051502/58f035de1a28ab95358b4569/html5/thumbnails/1.jpg)
Make Your Own Animation With
![Page 2: How to Guide - Snap Workshop](https://reader034.fdocuments.in/reader034/viewer/2022051502/58f035de1a28ab95358b4569/html5/thumbnails/2.jpg)
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.
![Page 3: How to Guide - Snap Workshop](https://reader034.fdocuments.in/reader034/viewer/2022051502/58f035de1a28ab95358b4569/html5/thumbnails/3.jpg)
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.
![Page 4: How to Guide - Snap Workshop](https://reader034.fdocuments.in/reader034/viewer/2022051502/58f035de1a28ab95358b4569/html5/thumbnails/4.jpg)
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.
![Page 5: How to Guide - Snap Workshop](https://reader034.fdocuments.in/reader034/viewer/2022051502/58f035de1a28ab95358b4569/html5/thumbnails/5.jpg)
• 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.
![Page 6: How to Guide - Snap Workshop](https://reader034.fdocuments.in/reader034/viewer/2022051502/58f035de1a28ab95358b4569/html5/thumbnails/6.jpg)
• 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.
![Page 7: How to Guide - Snap Workshop](https://reader034.fdocuments.in/reader034/viewer/2022051502/58f035de1a28ab95358b4569/html5/thumbnails/7.jpg)
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.
![Page 8: How to Guide - Snap Workshop](https://reader034.fdocuments.in/reader034/viewer/2022051502/58f035de1a28ab95358b4569/html5/thumbnails/8.jpg)
![Page 9: How to Guide - Snap Workshop](https://reader034.fdocuments.in/reader034/viewer/2022051502/58f035de1a28ab95358b4569/html5/thumbnails/9.jpg)
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).
![Page 10: How to Guide - Snap Workshop](https://reader034.fdocuments.in/reader034/viewer/2022051502/58f035de1a28ab95358b4569/html5/thumbnails/10.jpg)
To switch to the next background images, I am using the option WHEN SPACE KEY PRESSED.
![Page 11: How to Guide - Snap Workshop](https://reader034.fdocuments.in/reader034/viewer/2022051502/58f035de1a28ab95358b4569/html5/thumbnails/11.jpg)
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.
![Page 12: How to Guide - Snap Workshop](https://reader034.fdocuments.in/reader034/viewer/2022051502/58f035de1a28ab95358b4569/html5/thumbnails/12.jpg)
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.