Scratch allows you to create and share yourown interactive stories, games, music, and art.                            Tuto...
Download and   Install
1. Go to the Scratch website http://scratch.mit.edu/2. Click the “Download Scratch” button.3. Choose the appropriate versi...
Fill out the form and click the “Sign up” button at the bottom ofthe page.
Prepare Your   Project
1. Open Scratch to a new program.2. Right-click the cat sprite and select delete.
1.   Click File and choose “Save As…”2.   Give your project a name.3.   Type your name under “Project author:”.4.   Type a...
Create the Sprites
2                          3                                          11. Select the Stage icon in the sprites section bel...
1                       2    This brings up the Paint Editor:    1. Select the paint bucket icon.    2. Fill the stage wit...
31    2        1.   Select the line icon.        2.   Choose the white color.        3.   Draw a centered vertical line.  ...
Click the “Paint new sprite” icon above the sprite window.
1                                                3       21. Select the circle button.2. Make sure the fill button is sele...
1                                  3    2        1.   Select the paint bucket.        2.   Change the color to white.     ...
1                                                 21. Select the “Shrink Sprite” button above the stage preview.2. Click t...
1                                     3 21. Select the rectangle button.2. Confirm the fill button is selected and black i...
1                                      3           21.   Select the paint bucket.2.   Change the color to white.3.   Fill ...
1. Right-click the rectangle sprite and select “duplicate”.2. Click the “Paint new sprite” icon above the sprite window.
1                          21. Select the text (T) button.2. Click within the editor and type “You Win!”3. Click “OK”.
1                          21.   Click the “Paint new sprite” icon above the sprite window.2.   Select the text (T) button...
2                                     11. Click on Sprite1 (the ball) in the sprite window.2. Rename “Sprite1” to “ball”.3...
2                   3                                                 11. Click on Sprite4 (“You Win!”) in the sprite wind...
2      1                31.   Select the text (T) button.2.   Click within the editor, type “You Win!” and highlight the t...
1Drag all of the sprites to their proper locations on the stagepreview as shown above.
Working withScript Blocks
2                   3                                       11. Select the “ball” sprite in the sprite window.2. Click the...
1. Snap the “if…else” block into           the “forever” block.        2. Snap the “if” block onto the           “wait 1 s...
1       1. Click the “Motion” button in           the top left window.        2. Drag the correct script blocks           ...
1. Click the “Operators” button           in the top left window.        2. Drag the correct script blocks           over ...
Snap the correct blocks intotheir proper place as shown.
1. Click the “Sound”           button in the top left           window.1       2. Drag the “play sound”           block ov...
Snap the correct blocks into their properplaces as shown.
1. Click the “Sensing”1          button in the top left           window.        2. Drag the correct script           bloc...
Snap the correct blocksinto their proper place asshown.
1. Click the “Variables”               button in the top left    1          window.            2. Click the “Make a2      ...
1. Uncheck the “speed” variable block.        2. Drag the correct script blocks over           into the script window.1   ...
That is pretty much it for the “ball”sprite’s script blocks.Confirm that you have the correctblocks and that they are snap...
Click the drop-down menu in the “touching __?” sensor-type script block and select “paddle1”.Repeat this step for the next...
Enter the following values into the                     appropriate boxes:                     1. 5                     2....
12                        3                                                             4        1. With “ball” still sele...
1        1. Return to the “ball” sprite’s           “Scripts” tab.        2. Click the drop-down menu on           the pur...
2    1. Select the “paddle1” sprite in       the sprite window.    2. Drag the shown script blocks       into the “Scripts...
1. Select the “paddle2” sprite in the sprite window.                              2. Drag the shown script blocks into the...
1. Select the “win” sprite in the           sprite window.        2. Drag the shown script blocks           into the “Scri...
1. Select the “lose” sprite in the           sprite window.        2. Drag the shown script blocks           into the “Scr...
1. Click the green flag in the top       right corner of the stage       preview window to test your       game. You can a...
Sharing your  Project
1. To share your project online first click       on “Share” in the Scratch main menu       bar at the top, then select “S...
Your project should now be shared on theScratch website for others to enjoy andremix.
Advantages:•   The Scratch website provides numerous tutorials covering    everything you can do, and the forums’ communit...
Upcoming SlideShare
Loading in …5
×

Scratch Pong Remix Tutorial

1,908 views

Published on

Published in: Self Improvement
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,908
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
47
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Scratch Pong Remix Tutorial

  1. 1. Scratch allows you to create and share yourown interactive stories, games, music, and art. Tutorial by John McDonald http://scratch.mit.edu/ http://scratch.mit.edu/users/jwmcdonald24
  2. 2. Download and Install
  3. 3. 1. Go to the Scratch website http://scratch.mit.edu/2. Click the “Download Scratch” button.3. Choose the appropriate version and download/run the installation.
  4. 4. Fill out the form and click the “Sign up” button at the bottom ofthe page.
  5. 5. Prepare Your Project
  6. 6. 1. Open Scratch to a new program.2. Right-click the cat sprite and select delete.
  7. 7. 1. Click File and choose “Save As…”2. Give your project a name.3. Type your name under “Project author:”.4. Type any comments under “About this project:” and press “OK”.
  8. 8. Create the Sprites
  9. 9. 2 3 11. Select the Stage icon in the sprites section below the stage preview.2. Click the “Backgrounds” tab in the center section.3. Click the “Edit” button.
  10. 10. 1 2 This brings up the Paint Editor: 1. Select the paint bucket icon. 2. Fill the stage with black.
  11. 11. 31 2 1. Select the line icon. 2. Choose the white color. 3. Draw a centered vertical line. 4. Click “OK”.
  12. 12. Click the “Paint new sprite” icon above the sprite window.
  13. 13. 1 3 21. Select the circle button.2. Make sure the fill button is selected.3. Hold the shift key to constrain the sprite to a perfect circle as you draw.
  14. 14. 1 3 2 1. Select the paint bucket. 2. Change the color to white. 3. Fill the circle with white. 4. Press “OK”.
  15. 15. 1 21. Select the “Shrink Sprite” button above the stage preview.2. Click the ball on the stage repeatedly until you are happy with its size.3. Right-click to deselect the “Shrink Sprite” button.
  16. 16. 1 3 21. Select the rectangle button.2. Confirm the fill button is selected and black is the color.3. Draw a thin, vertical rectangle.
  17. 17. 1 3 21. Select the paint bucket.2. Change the color to white.3. Fill the rectangle with white.4. Click “OK”.
  18. 18. 1. Right-click the rectangle sprite and select “duplicate”.2. Click the “Paint new sprite” icon above the sprite window.
  19. 19. 1 21. Select the text (T) button.2. Click within the editor and type “You Win!”3. Click “OK”.
  20. 20. 1 21. Click the “Paint new sprite” icon above the sprite window.2. Select the text (T) button.3. Click within the editor and type “You Lose…”4. Click “OK”.
  21. 21. 2 11. Click on Sprite1 (the ball) in the sprite window.2. Rename “Sprite1” to “ball”.3. Repeat steps 1 & 2 for the rectangle sprites renaming them “paddle1” and “paddle2” respectively.
  22. 22. 2 3 11. Click on Sprite4 (“You Win!”) in the sprite window.2. Rename “Sprite4” to “win”.3. Click the “Paint” button to the right of “New costume:”.
  23. 23. 2 1 31. Select the text (T) button.2. Click within the editor, type “You Win!” and highlight the text.3. Click the white color swatch to make the text white.4. Click “OK”.5. Repeat all the steps from the previous slide and this slide for “Sprite5” (“You Lose…”).
  24. 24. 1Drag all of the sprites to their proper locations on the stagepreview as shown above.
  25. 25. Working withScript Blocks
  26. 26. 2 3 11. Select the “ball” sprite in the sprite window.2. Click the “Control” button in the top left window.3. Drag the correct script blocks over into the script window.
  27. 27. 1. Snap the “if…else” block into the “forever” block. 2. Snap the “if” block onto the “wait 1 secs” block. 3. Confirm that you have the correct control blocks for the “ball” sprite.1 2
  28. 28. 1 1. Click the “Motion” button in the top left window. 2. Drag the correct script blocks over into the script window. 3. Snap the correct blocks into their proper place as shown. 2 3
  29. 29. 1. Click the “Operators” button in the top left window. 2. Drag the correct script blocks over into the script window.1 2
  30. 30. Snap the correct blocks intotheir proper place as shown.
  31. 31. 1. Click the “Sound” button in the top left window.1 2. Drag the “play sound” block over into the script window. 2
  32. 32. Snap the correct blocks into their properplaces as shown.
  33. 33. 1. Click the “Sensing”1 button in the top left window. 2. Drag the correct script blocks over into the script window. 2
  34. 34. Snap the correct blocksinto their proper place asshown.
  35. 35. 1. Click the “Variables” button in the top left 1 window. 2. Click the “Make a2 variable” button in the window below the script categories. 3. Name the variable “speed” and click “OK”. 3
  36. 36. 1. Uncheck the “speed” variable block. 2. Drag the correct script blocks over into the script window.1 2 2
  37. 37. That is pretty much it for the “ball”sprite’s script blocks.Confirm that you have the correctblocks and that they are snapped inthe proper locations.Next we will adjust the values ofthe drop-downs and the text boxes.
  38. 38. Click the drop-down menu in the “touching __?” sensor-type script block and select “paddle1”.Repeat this step for the next “touching __ ?”sensor-type script block and select “paddle2”. Drag the “direction” script block from the “Motion” script list into the multiplication operator-type script block as shown.
  39. 39. Enter the following values into the appropriate boxes: 1. 5 2. -90 1 3. -225 (confirm “x position” and “ball” are selected in the drop-down list) 2 4. 225 (confirm “x position” and “ball” are selected in 3 4 the drop-down list) 5. -1 6. 5 7. -20 8. 20 9. 20 10. 0.5 56 7 8 9 10
  40. 40. 12 3 4 1. With “ball” still selected in the sprites list click on the “Sounds” tab in the middle window. 2. Click the “Import” button to the right of “New sound:” 3. Open the “Effects” folder in the Import Sound window. 4. Select the “Pop” sound effect. 5. Click “OK”.
  41. 41. 1 1. Return to the “ball” sprite’s “Scripts” tab. 2. Click the drop-down menu on the purple sound-type script block and choose “Pop”. That completes the setup for the “ball” sprite. Now let’s move on to the paddles. 2
  42. 42. 2 1. Select the “paddle1” sprite in the sprite window. 2. Drag the shown script blocks into the “Scripts” window and snap them appropriately as you did with the “ball” sprite’s script blocks.
  43. 43. 1. Select the “paddle2” sprite in the sprite window. 2. Drag the shown script blocks into the “Scripts” window and snap them appropriately as you did with the “ball” and “paddle1” sprites’ script blocks. 3 3 4 52 6 3 3 4 7 8 Enter the following values in the appropriate boxes: 3. Change “x position” to “y position” in all 4 drop-down lists. 4. Change “ball” to “paddle2” in the 2 right-most drop-down lists. 5. 3 6. -5 7. 3 8. 5
  44. 44. 1. Select the “win” sprite in the sprite window. 2. Drag the shown script blocks into the “Scripts” window and snap them appropriately as you did with the previous 3 sprites’ script blocks. 3. Enter 225 for the value in both text boxes. 4. Note that the only difference between these 2 block groups is the top blocks.2 3
  45. 45. 1. Select the “lose” sprite in the sprite window. 2. Drag the shown script blocks into the “Scripts” window and snap them appropriately as you did with the previous 3 sprites’ script blocks. 3. Enter -225 for the value in both text boxes. 4. Note that the only difference between these 2 block groups is the top blocks.2 3
  46. 46. 1. Click the green flag in the top right corner of the stage preview window to test your game. You can also click the1 “Full Screen” icon above the red stop button to play in full screen mode. Sit back and enjoy your game. If it isn’t working properly, go back and verify that all of the script blocks and their values match.
  47. 47. Sharing your Project
  48. 48. 1. To share your project online first click on “Share” in the Scratch main menu bar at the top, then select “Share This Project Online…”1 2. In the “Upload to Scratch Server” window, select a tag(s) and feel free to type in others that describe your project. 3. Fill in your login name and password. 4. Click “OK”. 3 2
  49. 49. Your project should now be shared on theScratch website for others to enjoy andremix.
  50. 50. Advantages:• The Scratch website provides numerous tutorials covering everything you can do, and the forums’ community is very interactive and helpful.• All shared projects can be downloaded revealing the code used.• You can “remix” (modify) other members’ projects.Disadvantages:• You must provide a birthdate, email, and gender when creating an account.

×