Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Scratch Lesson 1 – Basics


Published on

Published in: Education, Technology
  • Be the first to comment

Scratch Lesson 1 – Basics

  1. 1. David Scott Oromaner Touro College Instructor: Dr. Issac Herskowitz EDIT 692 Scratch 1.4 Lesson1 - The Basics
  2. 2. What’s Scratch? <ul><li>Scratch has been developed by a small team of researchers in the Lifelong Kindergarten Group at the MIT media lab. </li></ul><ul><li>Funded by the National Science Foundation, Microsoft, Intel Foundation, Nokia, and the MIT Media Lab research consortia. </li></ul>
  3. 3. Basic Ingredients of a Scratch Project <ul><li>Projects are made up of objects called sprites . </li></ul><ul><li>You can change how a sprite looks by utilizing costumes or you can create your own sprites from scratch using the Paint Editor. </li></ul><ul><li>You can give instructions to a sprite, telling it to move or play music or react to other sprites. </li></ul><ul><li>To tell a sprite what to do, you snap together graphic blocks into stacks, called scripts. </li></ul><ul><li>When you click on a script, Scratch runs the blocks from the top of the script to the bottom. </li></ul><ul><li>Source: </li></ul>
  4. 4. Open Scratch – Let’s take a look <ul><li>Double click scratch.exe icon located on your desktop. </li></ul>
  5. 5. First Look
  6. 7. The Stage <ul><li>The Stage is where your stories, games, and animations come to life. Sprites move and interact with one another on the Stage.  </li></ul><ul><li>The Stage is 480 units wide and 360 units tall. It is divided into an x-y grid. The middle of the Stage has an x-coordinate of 0 and a y-coordinate of 0. </li></ul>
  7. 8. The Stage <ul><li>To find out x-y positions on the Stage, move the mouse (cursor) around and look at the mouse x-y display just below the Stage. </li></ul>
  8. 9. View Modes <ul><li>Click the View Mode buttons to switch between small and large stage view. You can use small stage view to display Scratch on small screens or to expand the Scripts Area. </li></ul><ul><li>Click the Presentation Mode button when you want to present your project. To exit Presentation Mode, press the Esc key. </li></ul>
  9. 10. New Sprites <ul><li>When you start a new Scratch project, it begins with a single cat sprite. To create new sprites, click on these buttons: </li></ul><ul><li>  Paint your own sprite using paint editor  </li></ul><ul><li> Select a costume for a new sprite – or import a sprite. </li></ul><ul><li>Get a surprise sprite. </li></ul><ul><li>If you want to delete a sprite, select the scissors from the Toolbar and click on the sprite. Or right-click (Mac: Ctrl+click) on the sprite and select delete from the pop-up menu. </li></ul><ul><li>     </li></ul>
  10. 11. Sprite List <ul><li>The Sprite List displays thumbnails for all sprites in a project. The name of each sprite appears below its thumbnail.  </li></ul><ul><li>To see and edit a sprite’s scripts, costumes, and sounds, click on the sprite’s thumbnail in the Sprite List – or double-click on the sprite itself on the Stage. (The selected sprite is highlighted and outlined in blue in the Sprite List.) </li></ul>
  11. 12. Sprite List <ul><li>To see and edit a sprite’s scripts, costumes, and sounds, click on the sprite’s thumbnail in the Sprite List – or double-click on the sprite itself on the Stage. (The selected sprite is highlighted and outlined in blue in the Sprite List.) </li></ul><ul><li>To show, export, duplicate, or delete a sprite, right-click (Mac: Ctrl+click) on the sprite’s thumbnail in the Sprite List. </li></ul><ul><li>You can rearrange the sprites in the Sprite List by dragging the thumbnails. </li></ul>
  12. 13. Blocks, Palette and Scripts Area <ul><li>To program a sprite, drag blocks from the Blocks Palette to the Scripts Area. </li></ul><ul><li>To run a block, click on it. </li></ul><ul><li>Create scripts (programs) by snapping blocks together into stacks. Click anywhere on the stack to run the whole script, from top to bottom. </li></ul><ul><li>To find out what a block does, right-click (Mac: Ctrl+click) on it, then select help from the pop-up menu. </li></ul><ul><li>When you drag a block around the Scripts Area, a white highlight indicates where you can drop the block and form a valid connection with another block. </li></ul><ul><li>To move a stack, pick it up from the top block. If you drag out a block from the middle of a stack, all of the blocks beneath it will come along with it. To copy a stack of blocks from one sprite to another, drag the stack to the thumbnail of the other sprite in the Sprite List. </li></ul>
  13. 14. Costumes <ul><li>Click the Costumes tab to see and edit the sprite’s costumes. </li></ul>
  14. 15. Costumes <ul><li>There are four ways to create new costumes: </li></ul><ul><ul><li>Click to paint a new costume </li></ul></ul><ul><ul><li>Click to import a file </li></ul></ul><ul><ul><li>Click to take photos from a webcam (built into or connected to your computer). </li></ul></ul><ul><ul><li>Drag in one or more images from the web or your desktop. </li></ul></ul><ul><li>Scratch recognizes many image formats: JPG, BMP, PNG, GIF (including animated GIF). </li></ul>
  15. 16. Costumes <ul><li>Each costume has a costume number (displayed to its left). You can rearrange the order of the costumes by dragging the thumbnails. The costume numbers update if you change their order. Right-click (Mac: Ctrl+click) on a costume thumbnail to convert the costume into a new sprite, or to export a copy of the costume as a separate file. </li></ul><ul><li>To create your own animation you add additional costumes in model sequence. We will experiment with this technique in lesson 2. </li></ul><ul><ul><li> </li></ul></ul>
  16. 17. Sounds <ul><li>Click the sounds tab to see the sprites sounds. </li></ul><ul><li>You can record new sounds or import sound files. Scratch can read MP3 files and uncompressed WAV, AIF, and AU files (encoded with 8-bits or 16-bits per sample, but not 24-bits per sample). </li></ul>
  17. 18. Current Sprite Info <ul><li>Current Sprite Info shows a sprite’s name, x-y position, direction, lock state, and pen state. </li></ul><ul><li>The sprite’s direction indicates which direction the sprite will move when it runs a move block (0=up, 90=right, 180=down, -90=left). The blue line on the thumbnail shows the sprite’s direction. </li></ul><ul><li>Drag this line to change the sprite’s direction. Double-click on the sprite to set the direction back to its original state (direction=90). </li></ul>
  18. 19. Current Sprite Info – Lock State <ul><li>Click the Lock to change the sprite’s lock state. </li></ul><ul><li>Click on presentation mode . </li></ul><ul><li>An unlocked sprite can now be dragged in presentation mode. </li></ul>
  19. 20. Current Sprite Info – Pen Color <ul><li>You can see the current pen color (next to the lock) when the pen is down. </li></ul>
  20. 21. Current Sprite Info - Rotation Style <ul><li>The Rotation Style buttons control how the costume appears as the sprite changes its direction. </li></ul><ul><li>Rotate: The costume rotates as the sprite changes direction.   </li></ul><ul><li>Left-right flip: The costume faces either left or right. </li></ul><ul><li>No-rotate: The costume never rotates (even as the sprite changes direction). </li></ul>
  21. 22. Let’s Move <ul><li>Click and drag move block into the scripts area </li></ul>
  22. 23. Let’s Make Some Noise <ul><li>Click and drag play note block under move . </li></ul>Change note to 48
  23. 24. Let’s Make Some Noise <ul><li>Repeat the sequence by right clicking over any block and choosing “duplicate” </li></ul><ul><li>Place the duplicate under the original </li></ul>
  24. 25. Say Something <ul><li>Click and drag “ say hello for 2 secs ” block to end of script. </li></ul>Change to Twinkle Change to .5
  25. 26. Say Something <ul><li>Repeat sequence by right clicking over any block and choosing “duplicate” </li></ul><ul><li>Change the third and fourth play note block to 55 as shown below. </li></ul>
  26. 27. Animate <ul><li>Click and drag “ switch to costume2 ” under first and third play note blocks. Change the second switch to Costume1. </li></ul>
  27. 28. Repeat <ul><li>Click and drag to expand around the entire script. </li></ul>
  28. 29. Start with Green Flag <ul><li>Drag to top of script to start using the green flag. </li></ul>
  29. 30. Run Script
  30. 31. Bounce Sprite <ul><li>In order to bounce sprite off the edge of the stage click on then drag if on edge, bounce to the bottom of the script. </li></ul>
  31. 32. Class assignment <ul><li>Finish Twinkle Twinkle Little Star script. </li></ul><ul><li>Save project as student name_scratch_assignment1 in your network folder. </li></ul>