85
Introducing Scratch the Cat Shapes and Colors

Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Embed Size (px)

Citation preview

Page 1: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

IntroducingScratch the Cat

Shapes and Colors

Page 2: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Computer Programs

• Tell the computer what to do

• Without Programs – Computers do nothing

• Computer Programmers write the programs that make our computers do stuff

Page 3: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Scratch

• Scratch is a way to write computer programs–We can tell Scratch what to do

–We have to be very specific

–We have to be very exact

–We have to be very complete

Page 4: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Open Scratch

• Lets look at a program that tells Scratch to draw shapes

• Double-Click on the File Named: SHAPES.SB

Page 5: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

You Should See This:

Page 6: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Draw a Square

• Lets See Scratch Draw A Square• Click on the Green Flag

Page 7: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Draw a Square

• Hit the “S” key • Watch Scratch Draw a Square

Page 8: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Draw a Square

• How did we get Scratch to Draw a Square???

• How do you draw a Square?

• We need to “tell” Scratch the same thing in our computer program

Page 9: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Program

• Look at the Middle Block in Scratch• Code - Instructions

Page 10: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Drawing a Square- Instructions

Key to Press

Page 11: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Drawing a Square- Instructions

Color

Page 12: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Drawing A Square - Instructions

Sides

Page 13: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Drawing A Square - Instructions

Size

Page 14: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Drawing A Square - Instructions

How to Turn

Page 15: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Change Square - Color

See the Color – Click on this Box

Page 16: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Change Square - Color

Change the Color

Page 17: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Change Square - Color

Pick ANY Color

Page 18: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Draw a Square

• Hit the “S” key again• Watch Scratch Draw a Square in Your

Color

Page 19: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Need to Start Over

STOP

Page 20: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Need to Start Over

Start Over

Page 21: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Change Square - Size

See the Size – Click on this Box

Page 22: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Change Square - Size

Change the Size

Page 23: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Change Square - Size

Type A New Number

Page 24: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Draw a Square

• Hit the “S” key again• Watch Scratch Draw a Square with

the New Size

Page 25: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Drawing A Different Square - Sides

4 Sides in a Square

Page 26: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Drawing A Different Square - Sides

Change Number

Page 27: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Draw a Square

• Hit the “S” key again• Watch Scratch Draw a Square with

more or less sides

6 Sides

Page 28: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Drawing A Different Square – Sides – Put Back to 4

Put Back to 4

Page 29: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Drawing A Different Square – How to Turn

Amount to Turn

Page 30: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Drawing A Different Square – How to Turn

Change Number

Page 31: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Draw a Square

• Hit the “S” key again• Watch Scratch Draw a Square?

150

Page 32: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Drawing A Different Square – Turn – Put Back to 90

Put Back to 90

Page 33: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Program Does More

• Look at the Middle Block in Scratch• Code - Instructions

Page 34: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

What Does this Do?

• Key Clicked?• Sides?

Page 35: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Draw The Shape

• Hit the “T” key • Watch Scratch Draw The Shape• Were you Right?

Page 36: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Make Some Changes?

ColorSize

Turns

Page 37: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Draw The Triangle Again

• Hit the “T” key • Watch Scratch Draw The Shape• See Your Changes?

Page 38: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Program Does More

• Look at the Middle Block in Scratch• Code - Instructions

Page 39: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

What Does this Do?

• Key Clicked?• Sides?–Why is this

different–What is it doing?

Page 40: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Draw The Shape

• Hit the “R” key • Watch Scratch Draw The Shape• Were you Right?

Page 41: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Make Some Changes?

• Have to change in more than 1 place

ColorSize

Turns

Page 42: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Draw The Rectangle Again

• Hit the “R” key • Watch Scratch Draw The Shape• See Your Changes?

Page 43: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Program Does More

• Look at the Middle Block in Scratch• Code - Instructions

Page 44: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Lets Make Our Own

• Lets see what it takes to write our own program to tell the computer to draw a line:

• Click “FILE”

FILE

Page 45: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Lets Make Our Own

• Click on “NEW”

NEW

Page 46: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Lets Make Our Own

• Save Current Project:• Click “YES:

YES

Page 47: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

New Program

Page 48: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Change Cat

• Lets use a different animal • Click

Page 49: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Delete Scratch

• Click Scratch

Page 50: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Pick a New Animal

• New – Click

Middle Star

Page 51: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Pick a New Animal

• New – Click “Animals” Folder

Animals

Page 52: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Pick a New Animal

• Click on any Animal• Can Scroll UP and DOWN

Animals

Scroll

Page 53: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Pick a New Animal

• Click: OK

OK

Page 54: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Pick a New Animal

• New Animal

Page 55: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Give Instructions

• Buttons Sort Instructions

Page 56: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Start

• Click ORANGE button: CONTROL

CONTROL

Page 57: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Flag (GO)

• Click on Flag

Flag

Page 58: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Flag (GO)

• Drag Flag to Middle

Flag

Page 59: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Flag (GO)

• Drag Flag to Middle

Drag to Middle

Page 60: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Start in Middle of Screen

• Click Blue Button: MOTION

Motion

Page 61: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Start in Middle of Screen

• Click on • Drag to Middle

Motion

Go To X:_ Y:_

Page 62: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Start in Middle of Screen

• Connect to Flag

Click to Flag

Page 63: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Start in Middle of Screen

• Change 10s to 0s

Change to 0

Page 64: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Start in Middle of Screen

• Change 10s to 0s

Change to 0

Page 65: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Line – Color / Width

• Click Green Button - PEN

Pen

Page 66: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Line – Clear

• Drag to Middle

CLEAR

Page 67: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Line – Color

• Connect To List

Connect to List

Page 68: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Line – Color

• Drag to Middle

Pen

Page 69: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Line – Color

• Connect To List

Connect to List

Page 70: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Line – Pick Color

• Click on the Box

Click BOX

Click BOX

Page 71: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Line – Pick Color

• Pick any Color

Click Color

Page 72: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Line – Size

• Drag to Middle

Set Pen Size

Page 73: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Line – Size

• Connect to List

Connect

Page 74: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Line – Size

• Change Size Change

Change to 15

Page 75: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Write Line

• Click• Drag to Middle• Connect to List

Pen Down

Put in List

Page 76: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Say Hello

• Make it Say Hello• Click on Dark Purple: LOOKS

LOOKS

Page 77: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Say Hello

• Click• Drag to Middle• Connect to List

Say HelloConnect

Page 78: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Test It

• Test – See if it works• Click

Green Flag

Page 79: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Test It

Page 80: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Test It

• No Line? Why?

Page 81: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Draw Line

• Click Blue: MOTION

Motion

Page 82: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Draw Line

• Click• Drag to Middle• Connect to List

Move 10 Steps

Connect to List

Page 83: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Draw Long Line

• Change Line from 10 to 150• Change to

• To 150

150

Page 84: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Test It

• Try It• Click

Page 85: Introducing Scratch the Cat Shapes and Colors. Computer Programs Tell the computer what to do Without Programs – Computers do nothing Computer Programmers

Code - Instructions

• What Can You Change?• How?