Scratch - College of...

mjb – March 21, 2020Computer Graphics

1

Scratch !

Mike Baileymjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

2How Can You Get Scratch 3.0 for Free?

Use the web browser-based version of Scratch 3.0 at:

https://scratch.mit.edu/projects/editor

You can also get an installable version of Scratch 3.0 at:

https://scratch.mit.edu/download

Thanks to the Massachusetts Institute of Technology for developing Scratch and keeping it free!

mjb – March 21, 2020Computer Graphics

3You, As A Computer To Be Programmed

In this exercise, you are a computer and I am the programmer.

I will give you instructions and you carry them out.

If I tell you to do it, then you do it.

If I don’t tell you to do it, then don’t do it.

Ready? Set. Go.

mjb – March 21, 2020Computer Graphics

4

Stand UpRaise Your Left Hand

Put Your Right Hand on Top of Your HeadTurn Around One Circle

Put Your Hands DownSit DownSmile !

Meow Like a CatCount to 2

Repeat 3 Times

mjb – March 21, 2020Computer Graphics

5What Kind of People Need to Tell the Computer Where to Put Things?

mjb – March 21, 2020Computer Graphics

6

X

YLeft-Right is called “X”

Bottom-Top is called “Y”

mjb – March 21, 2020Computer Graphics

7

X

Y

100 200

100

X=200, Y=100

mjb – March 21, 2020Computer Graphics

8

X

Y

100 200

100

X=?, Y=?

mjb – March 21, 2020Computer Graphics

9

X

Y

-100-200

-100

X=-200, Y=-100

mjb – March 21, 2020Computer Graphics

10

X

Y

100 200

100

-100-200

-100

mjb – March 21, 2020Computer Graphics

11Scratch Screen Layout

Script Area

“Stage” (i.e., the scene)

Commands in Categories

Sprite Manipulation

The Sprite“Locker Room”

Run your Program!

New Background Selection

New Sprite Selection

Code, Costumes, Sound Tabs

mjb – March 21, 2020Computer Graphics

12Drag-and-Drop Puzzle Pieces

mjb – March 21, 2020Computer Graphics

13Drag-and-Drop Puzzle Pieces

mjb – March 21, 2020Computer Graphics

14Make an Animation of Your Own!

mjb – March 21, 2020Computer Graphics

15Make an Animation of Your Own!

mjb – March 21, 2020Computer Graphics

16Bring in More Actors!

mjb – March 21, 2020Computer Graphics

17Bring in a Background!

mjb – March 21, 2020Computer Graphics

18Bring in More Sounds!

mjb – March 21, 2020Computer Graphics

19Play More Sounds!

mjb – March 21, 2020Computer Graphics

20Effects!

mjb – March 21, 2020Computer Graphics

21Effects!

mjb – March 21, 2020Computer Graphics

22Seven Different Effect Types!