16
Digital Art in Scratch Digital Art in Scratch part 1 part 1 Barb Ericson Barb Ericson Georgia Tech Georgia Tech Oct 2010 Oct 2010

Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010

Embed Size (px)

Citation preview

Page 1: Digital Art in Scratch part 1 Barb Ericson Georgia Tech Oct 2010

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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