Digital Art in Scratch part 1 Barb Ericson Georgia Tech May 2011.

16
Digital Art in Scratch Digital Art in Scratch part 1 part 1 Barb Ericson Barb Ericson Georgia Tech Georgia Tech May 2011 May 2011

Transcript of Digital Art in Scratch part 1 Barb Ericson Georgia Tech May 2011.

Page 1: Digital Art in Scratch part 1 Barb Ericson Georgia Tech May 2011.

Digital Art in ScratchDigital Art in Scratchpart 1part 1

Digital Art in ScratchDigital Art in Scratchpart 1part 1Barb EricsonBarb EricsonGeorgia TechGeorgia Tech

May 2011May 2011

Page 2: Digital Art in Scratch part 1 Barb Ericson Georgia Tech May 2011.

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 May 2011.

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 May 2011.

Big Picture• Delete cat sprite• Paint the

background for the stage

• Paint the sprite that you will draw with – the plus sign

• Copy the costume for the sprite and change the color

• Program the sprite– To follow the mouse

and leave a copy– To change costume

when the space key is pressed

Page 5: Digital Art in Scratch part 1 Barb Ericson Georgia Tech May 2011.

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 May 2011.

Painting the background

• Click on the stage icon in the sprites area

• Select the backgrounds tab– Click Edit

Page 7: Digital Art in Scratch part 1 Barb Ericson Georgia Tech May 2011.

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 May 2011.

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 May 2011.

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 May 2011.

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 May 2011.

Programming Steps• When the green

flag is clicked do all set-up– Clear the

drawing area– Maybe 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 May 2011.

Set-up• When the

green flag is clicked– Clear the

drawing area

Page 13: Digital Art in Scratch part 1 Barb Ericson Georgia Tech May 2011.

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 May 2011.

Change Costume • When the space key

is pressed- Control– Switch to next

costume - Looks

Page 15: Digital Art in Scratch part 1 Barb Ericson Georgia Tech May 2011.

Challenges• When the green flag is clicked

– Set the starting position and costume

• Add other costumes with other colors• Add a way to clear the drawing

– Press a key or add a button sprite

• Try drawing with other shapes• Add a turn

Page 16: Digital Art in Scratch part 1 Barb Ericson Georgia Tech May 2011.

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