Scratch - College of...

22
mjb – March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey [email protected]

Transcript of Scratch - College of...

Page 1: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

1

Scratch !

Mike [email protected]

Page 2: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@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!

Page 3: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

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.

Page 4: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

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

Page 5: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

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

Page 6: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

6

X

YLeft-Right is called “X”

Bottom-Top is called “Y”

Page 7: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

7

X

Y

100 200

100

X=200, Y=100

Page 8: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

8

X

Y

100 200

100

X=?, Y=?

Page 9: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

9

X

Y

-100-200

-100

X=-200, Y=-100

Page 10: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

10

X

Y

100 200

100

-100-200

-100

Page 11: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

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

Page 12: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

12Drag-and-Drop Puzzle Pieces

Page 13: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

13Drag-and-Drop Puzzle Pieces

Page 14: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

14Make an Animation of Your Own!

Page 15: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

15Make an Animation of Your Own!

Page 16: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

16Bring in More Actors!

Page 17: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

17Bring in a Background!

Page 18: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

18Bring in More Sounds!

Page 19: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

19Play More Sounds!

Page 20: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

20Effects!

Page 21: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

21Effects!

Page 22: Scratch - College of Engineeringweb.engr.oregonstate.edu/~mjb/scratch/scratchintro.simpler.1pp.pdfmjb –March 21, 2020 Computer Graphics 1 Scratch ! Mike Bailey mjb@cs.oregonstate.edu

mjb – March 21, 2020Computer Graphics

22Seven Different Effect Types!