Digital Art in Scratch part 1 Barb Ericson Georgia Tech May 2011.
Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.
-
Upload
elvin-york -
Category
Documents
-
view
216 -
download
1
Transcript of Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.
![Page 1: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.](https://reader035.fdocuments.us/reader035/viewer/2022062421/56649daf5503460f94a9cc97/html5/thumbnails/1.jpg)
Digital Art in ScratchDigital Art in Scratchpart 1part 1
Digital Art in ScratchDigital Art in Scratchpart 1part 1Barb EricsonBarb EricsonGeorgia TechGeorgia Tech
Oct 2010Oct 2010
![Page 2: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.](https://reader035.fdocuments.us/reader035/viewer/2022062421/56649daf5503460f94a9cc97/html5/thumbnails/2.jpg)
Goals• Learn about
– Drawing sprites– Using the pen blocks: stamp – Event handling– Loops
![Page 3: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.](https://reader035.fdocuments.us/reader035/viewer/2022062421/56649daf5503460f94a9cc97/html5/thumbnails/3.jpg)
Project Description• We will draw a simple
shape (a plus sign) and use it to make art.– By stamping the shape
as we follow the mouse– We will change the
costume (color) we draw with when the user presses the space key
![Page 4: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.](https://reader035.fdocuments.us/reader035/viewer/2022062421/56649daf5503460f94a9cc97/html5/thumbnails/4.jpg)
Big Picture• Delete cat sprite• Paint the
background for the stage
• Paint the sprite that you will draw with
• Copy the costume for the sprite and change the color
• Program the sprite
![Page 5: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.](https://reader035.fdocuments.us/reader035/viewer/2022062421/56649daf5503460f94a9cc97/html5/thumbnails/5.jpg)
Delete cat sprite• To delete the cat
– Click the scissors– Click the cat
• Or right click on the cat and select delete
![Page 6: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.](https://reader035.fdocuments.us/reader035/viewer/2022062421/56649daf5503460f94a9cc97/html5/thumbnails/6.jpg)
Painting the background
• Click on the stage icon in the sprites area
• Select the backgrounds tab– Click Paint
![Page 7: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.](https://reader035.fdocuments.us/reader035/viewer/2022062421/56649daf5503460f94a9cc97/html5/thumbnails/7.jpg)
Setting background color
• Select a color– Using the eye
dropper tool
• Select the fill tool– Bucket
• Fill the stage with the color
![Page 8: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.](https://reader035.fdocuments.us/reader035/viewer/2022062421/56649daf5503460f94a9cc97/html5/thumbnails/8.jpg)
Painting the Sprite• Click on star with
paintbrush– To paint a sprite
• Select a color– Use the eye dropper
• Paint the sprite– Use the line tool
![Page 9: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.](https://reader035.fdocuments.us/reader035/viewer/2022062421/56649daf5503460f94a9cc97/html5/thumbnails/9.jpg)
Copy the costume• Click on the
costume tab– For Sprite1
• Click on Copy– To copy the
costume
• Click on Edit
![Page 10: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.](https://reader035.fdocuments.us/reader035/viewer/2022062421/56649daf5503460f94a9cc97/html5/thumbnails/10.jpg)
Change the Color• Pick a color
– Use the eye dropper
• Change the color– Use the fill tool
• You may want to grow the sprite first to make it easier to fill it
• Then shrink it after
![Page 11: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.](https://reader035.fdocuments.us/reader035/viewer/2022062421/56649daf5503460f94a9cc97/html5/thumbnails/11.jpg)
Programming Steps• When the green
flag is clicked do all set-up– Clear the
drawing area– Set the starting
costume
– Then Loop forever• Move to the
current cursor location
• Stamp the shape
– Draw a copy of it
![Page 12: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.](https://reader035.fdocuments.us/reader035/viewer/2022062421/56649daf5503460f94a9cc97/html5/thumbnails/12.jpg)
Set-up• When the green
flag is clicked– Clear the
drawing area– Set the starting
costume• To costume1
![Page 13: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.](https://reader035.fdocuments.us/reader035/viewer/2022062421/56649daf5503460f94a9cc97/html5/thumbnails/13.jpg)
Follow mouse and stamp
• Forever - Control– Go to the cursor's x
and y location - Motion• Drag out mouse x and
mouse y -Sensing
– Stamp a copy of the sprite - Pen
![Page 14: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.](https://reader035.fdocuments.us/reader035/viewer/2022062421/56649daf5503460f94a9cc97/html5/thumbnails/14.jpg)
Change Costume • When the space key
is pressed- Control– Switch to next
costume
![Page 15: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.](https://reader035.fdocuments.us/reader035/viewer/2022062421/56649daf5503460f94a9cc97/html5/thumbnails/15.jpg)
Challenge• Add other colors• Add a way to clear the drawing
– Press a key or add a button sprite
• Try with other shapes– Like circles or rectangles
• Add a turn
![Page 16: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010.](https://reader035.fdocuments.us/reader035/viewer/2022062421/56649daf5503460f94a9cc97/html5/thumbnails/16.jpg)
Concept Summary• Backgrounds
– Can be painted• Sprites
– Can be painted and copied and then edited• Forever loops
– repeat all the commands inside of them one at a time until the script is stopped or all scripts are stopped
• Events– Respond to something like the green flag
being clicked or the space key being pressed