mjb – May 18, 2021 1 Computer Graphics Scratch Jr. Mike Bailey mjb@cs.oregonstate.edu This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License scratch.junior.pptx http://cs.oregonstate.edu/~mjb/scratch
mjb – May 18, 2021 2 Computer Graphics https://www.scratchjr.org/ What Is Scratch Jr.? “Coding (or computer programming) is a new type of literacy. Just as writing helps you organize your thinking and express your ideas, the same is true for coding. In the past, coding was seen as too difficult for most people. But we think coding should be for everyone, just like writing. As young children code with ScratchJr, they learn how to create and express themselves with the computer, not just to interact with it. In the process, children learn to solve problems and design projects, and they develop sequencing skills that are foundational for later academic success. They also use math and language in a meaningful and motivating context, supporting the development of early-childhood numeracy and literacy. With ScratchJr, children aren't just learning to code, they are coding to learn.” From the Scratch Jr. web page: Scratch Jr. can be downloaded from the Apple Store, from the Android Store, or as a standalone Mac or Windows application. See the Scratch Jr. Downloads page.
mjb – May 18, 2021 3 Computer Graphics I hate mornings!
mjb – May 18, 2021 4 Computer Graphics What Kind of People Need to Tell the Computer How to Move Things Around?
mjb – May 18, 2021 5 Computer Graphics Start by clicking the House
mjb – May 18, 2021 6 Computer Graphics Then click the plus sign ( )
mjb – May 18, 2021 7 Computer Graphics Clicking on the Settings Gear Will Let You Change the Language
mjb – May 18, 2021 8 Computer Graphics Clicking on the Question Mark Will Allow You To Play an Introductory Video (3:28) and Try Some Sample Programs
mjb – May 18, 2021 9 Computer Graphics These 6 buttons are super-important! They help you find the puzzle pieces to make your character act in your movie. The Scratch Jr. Screen Layout
mjb – May 18, 2021 10 Computer Graphics What is Hiding Behind the Six Buttons?
mjb – May 18, 2021 11 Computer Graphics Drag Puzzle Pieces Out and Click the Green Flag
mjb – May 18, 2021 12 Computer Graphics http://www.skirtsandscuffs.com/2011_03_01_archive.html When the Green Flag Gets Waved at a Car Race, What Happens?
mjb – May 18, 2021 13 Computer Graphics So, When the Scratch Jr. Green Flag Gets Clicked (Waved), Your Programs Start
mjb – May 18, 2021 14 Computer Graphics Whatever Your Puzzle Pieces Say, That’s What Your Character Will Do
mjb – May 18, 2021 15 Computer Graphics The Yellow Button – When to Start This Program Start all programs that have a Green Flag Puzzle Piece Start this program when another character touches this character Start this program when I touch this character with my mouse or finger
mjb – May 18, 2021 16 Computer Graphics The Blue Button – Making Your Character Move Move the character to the right, left, up, and down Rotate the character Make the character hop Make the character go back to where it started from Clicking on the number will bring up a calculator to get your character to take longer steps, more rotations, or higher hops Hint #1: the biggest number you can enter is 99 Hint #2: entering a number of 12 for a rotation gives a full turn
mjb – May 18, 2021 17 Computer Graphics Adding More Characters Click on this plus sign ( ) to select a new character from the big list Keep scrolling – there are lots more! Hint: to make this new character move, they need to have a program written for them too.
mjb – May 18, 2021 18 Computer Graphics Adding a Background Click this photograph to select a background from the big list Keep scrolling – there are lots more!
mjb – May 18, 2021 19 Computer Graphics The Orange Button -- Control Wait some amount of time (the number is in 1/10ths of a second) Whatever puzzle pieces you put in here will get repeated as many times as the number Stop the character Set the character’s speed (there will be 3 choices when you click the down-facing triangle)
mjb – May 18, 2021 20 Computer Graphics The Purple Button – Changing Your Character’s Appearance Give the character a thought bubble (click hi to enter new text) Make the character bigger or smaller Make the character its original size Make the character vanish or re-appear
mjb – May 18, 2021 21 Computer Graphics If you are on an iPad, you might have to make the microphone work by going to: Settings → Scratch Jr → Microphone slide The Green Button – Sounds! Using this puzzle piece in your program will play a popping sound This isn’t a puzzle piece. It is a command to let you record your own sound.
mjb – May 18, 2021 22 Computer Graphics Sounds ! Start recording Go back to Scratch Jr. Stop recording Play back your recording You will now have a new puzzle piece to play the recording you just made If you are on an iPad, you might have to make the microphone work by going to: Settings → Scratch Jr → Microphone slide
mjb – May 18, 2021 23 Computer Graphics The Red Button – Stopping, Looping, and Jumping to a New Room Stop the program Re-run the program forever If you have more than one room, you can also use this puzzle piece to jump to another room
mjb – May 18, 2021 24 Computer Graphics Warning! Scratch Jr. Doesn’t Save Your Movie Program Until You Hit the Home on Your Screen
mjb – May 18, 2021 25 Computer Graphics And, When You Do Hit the Home on Your Screen, Scratch Jr. Will Show You All Your Movies – Just Click on One to Get Back Into It
mjb – May 18, 2021 26 Computer Graphics Painting ! There are times when Scratch Jr. will let you paint! Look for this icon: When selecting a character. When selecting a background.
mjb – May 18, 2021 27 Computer Graphics Painting ! Clicking on takes you here to the Scratch Jr. paint screen: Select a line or fill color Select a line thickness Draw a squiggle, oval, rectangle, or triangle Select something you’ve already drawn Rotate the thing you’ve selected Cut (delete) the thing you’ve selected Take a photo (maybe of yourself!) Fill with paint Duplicate the thing you’ve selected
mjb – May 18, 2021 28 Computer Graphics Using the Camera You can use the camera to add photos to the background or a character. You might have already noticed that some of the characters have empty faces: If you click the paintbrush that is with one of these characters, then click on the camera, then click on the face area of the character, then click on the snapshot icon, whatever your camera sees will be on the character’s face. Go, Space Beavs!
mjb – May 18, 2021 29 Computer Graphics Adding a Title Click on the ABC then type your title
mjb – May 18, 2021 30 Computer Graphics Adding another Room Click on this plus sign ( ) to add another room. A room is a whole separate scene where you can add new characters, add a new background, and write new programs for your characters to act out.
mjb – May 18, 2021 31 Computer Graphics Adding another Room If you have more than one room, you can also use this puzzle piece to jump to another room
mjb – May 18, 2021 32 Computer Graphics The Yellow Button – Advanced Start this program when another character shouts a color name Shout the name of a color! The down-facing triangle lets you pick the color name to shout.
mjb – May 18, 2021 33 Computer Graphics Clicking on This Little Yellow Tab in the Upper-Right Corner Will Allow You to Give Your Program a Title
mjb – May 18, 2021 34 Computer Graphics So That Your Home Gallery Has Better Titles than “Project N”
mjb – May 18, 2021 35 Computer Graphics A Good Scratch Jr. Book Marina Umaschi Bers and Mitchel Resnick, The Official Scratch Jr. Book, No Starch Press, 2016. Available on Amazon: https://www.amazon.com/Official-ScratchJr-Book-Help- Learn/dp/1593276710/ref=sr_1_1?dchild=1&keywords=Official+Scratch+Jr+Book&qi d=1621204396&s=books&sr=1-1 Kindle: $10, Paperback $20. I like this book. It is an easy read and has lots of color pictures of Scratch Jr. examples.

scratch.junior.1pp.pdf learn about scratch

  • 1.
    mjb – May18, 2021 1 Computer Graphics Scratch Jr. Mike Bailey mjb@cs.oregonstate.edu This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License scratch.junior.pptx http://cs.oregonstate.edu/~mjb/scratch
  • 2.
    mjb – May18, 2021 2 Computer Graphics https://www.scratchjr.org/ What Is Scratch Jr.? “Coding (or computer programming) is a new type of literacy. Just as writing helps you organize your thinking and express your ideas, the same is true for coding. In the past, coding was seen as too difficult for most people. But we think coding should be for everyone, just like writing. As young children code with ScratchJr, they learn how to create and express themselves with the computer, not just to interact with it. In the process, children learn to solve problems and design projects, and they develop sequencing skills that are foundational for later academic success. They also use math and language in a meaningful and motivating context, supporting the development of early-childhood numeracy and literacy. With ScratchJr, children aren't just learning to code, they are coding to learn.” From the Scratch Jr. web page: Scratch Jr. can be downloaded from the Apple Store, from the Android Store, or as a standalone Mac or Windows application. See the Scratch Jr. Downloads page.
  • 3.
    mjb – May18, 2021 3 Computer Graphics I hate mornings!
  • 4.
    mjb – May18, 2021 4 Computer Graphics What Kind of People Need to Tell the Computer How to Move Things Around?
  • 5.
    mjb – May18, 2021 5 Computer Graphics Start by clicking the House
  • 6.
    mjb – May18, 2021 6 Computer Graphics Then click the plus sign ( )
  • 7.
    mjb – May18, 2021 7 Computer Graphics Clicking on the Settings Gear Will Let You Change the Language
  • 8.
    mjb – May18, 2021 8 Computer Graphics Clicking on the Question Mark Will Allow You To Play an Introductory Video (3:28) and Try Some Sample Programs
  • 9.
    mjb – May18, 2021 9 Computer Graphics These 6 buttons are super-important! They help you find the puzzle pieces to make your character act in your movie. The Scratch Jr. Screen Layout
  • 10.
    mjb – May18, 2021 10 Computer Graphics What is Hiding Behind the Six Buttons?
  • 11.
    mjb – May18, 2021 11 Computer Graphics Drag Puzzle Pieces Out and Click the Green Flag
  • 12.
    mjb – May18, 2021 12 Computer Graphics http://www.skirtsandscuffs.com/2011_03_01_archive.html When the Green Flag Gets Waved at a Car Race, What Happens?
  • 13.
    mjb – May18, 2021 13 Computer Graphics So, When the Scratch Jr. Green Flag Gets Clicked (Waved), Your Programs Start
  • 14.
    mjb – May18, 2021 14 Computer Graphics Whatever Your Puzzle Pieces Say, That’s What Your Character Will Do
  • 15.
    mjb – May18, 2021 15 Computer Graphics The Yellow Button – When to Start This Program Start all programs that have a Green Flag Puzzle Piece Start this program when another character touches this character Start this program when I touch this character with my mouse or finger
  • 16.
    mjb – May18, 2021 16 Computer Graphics The Blue Button – Making Your Character Move Move the character to the right, left, up, and down Rotate the character Make the character hop Make the character go back to where it started from Clicking on the number will bring up a calculator to get your character to take longer steps, more rotations, or higher hops Hint #1: the biggest number you can enter is 99 Hint #2: entering a number of 12 for a rotation gives a full turn
  • 17.
    mjb – May18, 2021 17 Computer Graphics Adding More Characters Click on this plus sign ( ) to select a new character from the big list Keep scrolling – there are lots more! Hint: to make this new character move, they need to have a program written for them too.
  • 18.
    mjb – May18, 2021 18 Computer Graphics Adding a Background Click this photograph to select a background from the big list Keep scrolling – there are lots more!
  • 19.
    mjb – May18, 2021 19 Computer Graphics The Orange Button -- Control Wait some amount of time (the number is in 1/10ths of a second) Whatever puzzle pieces you put in here will get repeated as many times as the number Stop the character Set the character’s speed (there will be 3 choices when you click the down-facing triangle)
  • 20.
    mjb – May18, 2021 20 Computer Graphics The Purple Button – Changing Your Character’s Appearance Give the character a thought bubble (click hi to enter new text) Make the character bigger or smaller Make the character its original size Make the character vanish or re-appear
  • 21.
    mjb – May18, 2021 21 Computer Graphics If you are on an iPad, you might have to make the microphone work by going to: Settings → Scratch Jr → Microphone slide The Green Button – Sounds! Using this puzzle piece in your program will play a popping sound This isn’t a puzzle piece. It is a command to let you record your own sound.
  • 22.
    mjb – May18, 2021 22 Computer Graphics Sounds ! Start recording Go back to Scratch Jr. Stop recording Play back your recording You will now have a new puzzle piece to play the recording you just made If you are on an iPad, you might have to make the microphone work by going to: Settings → Scratch Jr → Microphone slide
  • 23.
    mjb – May18, 2021 23 Computer Graphics The Red Button – Stopping, Looping, and Jumping to a New Room Stop the program Re-run the program forever If you have more than one room, you can also use this puzzle piece to jump to another room
  • 24.
    mjb – May18, 2021 24 Computer Graphics Warning! Scratch Jr. Doesn’t Save Your Movie Program Until You Hit the Home on Your Screen
  • 25.
    mjb – May18, 2021 25 Computer Graphics And, When You Do Hit the Home on Your Screen, Scratch Jr. Will Show You All Your Movies – Just Click on One to Get Back Into It
  • 26.
    mjb – May18, 2021 26 Computer Graphics Painting ! There are times when Scratch Jr. will let you paint! Look for this icon: When selecting a character. When selecting a background.
  • 27.
    mjb – May18, 2021 27 Computer Graphics Painting ! Clicking on takes you here to the Scratch Jr. paint screen: Select a line or fill color Select a line thickness Draw a squiggle, oval, rectangle, or triangle Select something you’ve already drawn Rotate the thing you’ve selected Cut (delete) the thing you’ve selected Take a photo (maybe of yourself!) Fill with paint Duplicate the thing you’ve selected
  • 28.
    mjb – May18, 2021 28 Computer Graphics Using the Camera You can use the camera to add photos to the background or a character. You might have already noticed that some of the characters have empty faces: If you click the paintbrush that is with one of these characters, then click on the camera, then click on the face area of the character, then click on the snapshot icon, whatever your camera sees will be on the character’s face. Go, Space Beavs!
  • 29.
    mjb – May18, 2021 29 Computer Graphics Adding a Title Click on the ABC then type your title
  • 30.
    mjb – May18, 2021 30 Computer Graphics Adding another Room Click on this plus sign ( ) to add another room. A room is a whole separate scene where you can add new characters, add a new background, and write new programs for your characters to act out.
  • 31.
    mjb – May18, 2021 31 Computer Graphics Adding another Room If you have more than one room, you can also use this puzzle piece to jump to another room
  • 32.
    mjb – May18, 2021 32 Computer Graphics The Yellow Button – Advanced Start this program when another character shouts a color name Shout the name of a color! The down-facing triangle lets you pick the color name to shout.
  • 33.
    mjb – May18, 2021 33 Computer Graphics Clicking on This Little Yellow Tab in the Upper-Right Corner Will Allow You to Give Your Program a Title
  • 34.
    mjb – May18, 2021 34 Computer Graphics So That Your Home Gallery Has Better Titles than “Project N”
  • 35.
    mjb – May18, 2021 35 Computer Graphics A Good Scratch Jr. Book Marina Umaschi Bers and Mitchel Resnick, The Official Scratch Jr. Book, No Starch Press, 2016. Available on Amazon: https://www.amazon.com/Official-ScratchJr-Book-Help- Learn/dp/1593276710/ref=sr_1_1?dchild=1&keywords=Official+Scratch+Jr+Book&qi d=1621204396&s=books&sr=1-1 Kindle: $10, Paperback $20. I like this book. It is an easy read and has lots of color pictures of Scratch Jr. examples.