Learn… Create… Program

1. Learn… Create… Program

2. About Scratch is a new graphical programming language designed to support the development of technological fluency. Connection to Physical World Supports multiple design experiences Manipulation of Multiple Media Connects with youth culture Tinkerability Allows playful experimenting with program fragments Scaffolds for Powerful Ideas Makes concepts (such as variables) more tangible and manipulable The Scratch project is supported by a grant from the National Science Foundation (Grant No. 0325828). Opinions and findings expressed on this poster do not necessarily reflect the views of the NSF. http//scratch.mit.edu

3. About Scratch differs from traditional programming languages in several ways: Allows Wide Range of Projects Games, art, stories, music, dance…. Building-Block Programming Eliminates syntax errors Connection to Physical World Supports multiple design experiences Easy Sharing of Projects Over Internet and mobile devices The Scratch project is supported by a grant from the National Science Foundation (Grant No. 0325828). Opinions and findings expressed on this poster do not necessarily reflect the views of the NSF. http//scratch.mit.edu

4. Getting Started • Click on Open to retrieve a game. • Select the “Games” Folder. • Select AmonBoxing as your game to play. • Read the instructions on the Right Hand Side. • PLAY!

5. The Scratch Control and Design Screen Tabs Project Notes Palate Green Flag Stage (White Space) Blocks New Sprite Buttons Script Area Sprite List

6. The Basic Buttons • New Sprite Buttons • The Scratch objects and characters are called Sprites • Get a new cat Sprite (Default) • Paint your own Sprite • Choose an image for a new Sprite • Get a surprise Sprite

7. The Basic Buttons • Sprite Costumes • Change your Sprite’s Look with a costume change • Click on the Costumes tab. To add a costume click Import • To modify your Sprite using the paint function, click Edit • Any image can be used

8. The Basic Buttons • Scratch Blocks • By snapping these blocks together you create a script • When you double click on a script, your program will run • The Scratch blocks are in 8 color-coded categories based on function

9. Exercise #1 The “Cat Walk”

10. Doin’ the “Cat Walk” • We will create a Sprite fashion show. • This exercise will teach you how to make your Sprite: • Change Color • Walk • Undergo a Costume Change

11. Setting the Stage • Before you can begin to move blocks onto the Script Area • Click on the “Scripts” tab • The tab should be pale blue

12. Color Change • Click on “Control” from the Palate. • 2. Click and pull the block onto the Script Area. • Click on “Looks” from the Palate. 4. Click and pull the block onto the Script Area. • Snap the two blocks together.

13. Color Change - Your Design & Control Center Screen should look like this. - Hit the space bar and watch your Sprite change colors.

14. Sprite Starting Position These are your (x:) and (y:)coordinates for your stage. • Click on “Motion” from the Palate. 2. Click on and pull the block onto the Script Area. Click on the white holes and type in -139 for (x:) and 0 for (y:). This will be your starting point.

15. Sprite Starting Position 3. Click on “Control” from the Palate. 4. Click and pull the block onto the Script Area. • Snap the two blocks together. 6. Click on the green flag and watch your sprite change locations. Experiment with position by changing your (x:) and (y:) values.

16. Sprite Starting Position - Your Design and Control Center Screen should look like this. - You can now position your Sprite and change colors.

17. Walking • Click on “Control” from the Palate. 2. Click and pull the blocks , , and onto the Script Area. 3. Click on “Looks” from the Palate. 4. Click and pull the block onto the Script Area. Click on the arrow in the costume1 box and select costume2.

18. Walking • You should have 2 separate blocks for , that say “Costume1” and “Costume2”. 6. Click on “Motion” from the Palate. 7. Click and pull the block onto the Script Area. 8. Snap the blocks and together as shown.

19. Walking • Stack the remaining blocks in this pattern. • Click on the and drag your new stack of blocks into the space in the block. IMPORTANT  If you do NOT click on the block then your complete stack of blocks will NOT stay together when moved. The blocks will come apart instead of moving together.

20. Walking • - Press the green flag and watch! • Experiment with the purplechange effects block. Click on the arrow to see the options. • Press the space bar to see the new changes.

21. Making Project Notes • Using the project notes option you can type and leave instructions for other people who look at your Scratch programs. • This is also a great area to leave any comments about the design of your project. Project Notes Icon – can be found in the upper right hand corner of the Scratch Design and Control Center Screen

22. From one Project to Another • Click on Save to save your work • The file should be named “Exercise 1” • Click on New to begin a new program.

23. Exercise #2 The Digital Picasso

24. We will design digital artwork. This exercise will teach you how to: Create a customized Sprite using: The Paint Function Animation Sound A Digital Picasso with Animated Painting

25. Learning How to Paint We will make a sprite that is your name. From the New Sprite Buttons, Click on the button to get started! The paint function will appear in the middle of your screen.

26. Learning How to Paint • Click on the paintbrush and select a color from below. • Click on the capital T. A black box and a blue vertical line will appear. • Click in the paint area. You will now be able to type your name. Click “OK”.

27. Animation & Sound • Click on “Control” from the color palate. 2. Click and pull the blocks and onto the scripts area. 3. Click on “Sound” from the color palate. 4. Click and pull the block 4 times into the script area. For two of the blocks, click on the arrow in the 48 box and change the value to 40. The other two stay the same.

28. Animation & Sound • Click on “Motion” from the color palate. 2. Click and pull the blocks , , , and onto the scripts area. Note: You need 2 of each for these blocks… Turn Left Turn Right Glide Ignore the numbers at this point.

29. Animation & Sound 3. Enter your values and variables: • In the block type in 3 for the seconds area and (x:) 140 with(y:) as 50 • In another block type in 3 for the seconds and (x:) -135 with (y:) -157 • For the 2 blocks and the 2 blocks have 1 Left and 1 Right stay at 15 degrees • Type in 30 degrees for the other 2 blocks • The should say x: (0), y: (0)

30. Animation & Sound • Using what you have learned so far stack your blocks into this order. • Click the green flag and watch your Sprite go! • Celebrate Success!! • Save your new script under “Exercise 2”. • Open a new page and be creative.