all about frogger susan miller scalable game design university of colorado

43
All About Frogger Susan Miller Scalable Game Design University of Colorado

Upload: elwin-greene

Post on 28-Dec-2015

214 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: All About Frogger Susan Miller Scalable Game Design University of Colorado

All About FroggerSusan Miller

Scalable Game Design

University of Colorado

Page 2: All About Frogger Susan Miller Scalable Game Design University of Colorado

Why Game Design?

Motivates students Enables students to see themselves as

‘programmers’ Produces Computational Thinking Skills Enables students to understand and create

simulations Creates Problem Solvers

Page 3: All About Frogger Susan Miller Scalable Game Design University of Colorado

Frogger – How does the game work?

https://www.youtube.com/watch?v=okm0VtF2gH8

What’s happening in the game? What are the rules?

Page 4: All About Frogger Susan Miller Scalable Game Design University of Colorado

Rules of Frogger

You are a frog. Your task is simple: hop across a busy highway, dodging cars and trucks who come out of (and go back into) tunnels, until you get to the edge of a river, where you must keep yourself from drowning by crossing safely to your grotto at the top of the screen by leaping across the backs of turtles and logs.

What are the NOUNS of this description?

Page 5: All About Frogger Susan Miller Scalable Game Design University of Colorado

NOUNS = AGENTS

You are a frog. Your task is simple: hop across a busy highway, dodging cars and trucks who come out of (and go back into) tunnels, until you get to the edge of a river, where you must keep yourself from drowning by crossing safely to your grotto at the top of the screen by leaping across the backs of turtles and logs.

Page 6: All About Frogger Susan Miller Scalable Game Design University of Colorado

Let’s Jump In

Open Agent Sheets

Click on FILE>>NEW PROJECT

Save your file as FROGGER

Page 7: All About Frogger Susan Miller Scalable Game Design University of Colorado

Let’s make a frog…

Page 8: All About Frogger Susan Miller Scalable Game Design University of Colorado

Change the depiction to a FROG

Page 9: All About Frogger Susan Miller Scalable Game Design University of Colorado

Press Clearto get an empty screen

Page 10: All About Frogger Susan Miller Scalable Game Design University of Colorado

Picture ToolsSelect

Draw

Erase

Fill

Pick Color

Filled Rectangle

Empty Rectangle

Filled Circle

Empty Circle

Page 11: All About Frogger Susan Miller Scalable Game Design University of Colorado

Nouns = AGENTS

Create the following agents:

Frog

Truck

Road

Ground

Tunnel

Page 12: All About Frogger Susan Miller Scalable Game Design University of Colorado

Create your agents

10 minutes

End

Page 13: All About Frogger Susan Miller Scalable Game Design University of Colorado

Put your agents on your worksheet

Page 14: All About Frogger Susan Miller Scalable Game Design University of Colorado

Put your agents on your worksheet

Page 15: All About Frogger Susan Miller Scalable Game Design University of Colorado

Fill in just this much

Page 16: All About Frogger Susan Miller Scalable Game Design University of Colorado

It’s time to SAVE THE WORLD!

Page 17: All About Frogger Susan Miller Scalable Game Design University of Colorado

Does your game do anything???

Page 18: All About Frogger Susan Miller Scalable Game Design University of Colorado

Rules of Frogger- What are the VERBS?

You are a frog. Your task is simple: hop across a busy highway, dodging cars and trucks who come out of (and go back into) tunnels, until you get to the edge of a river, where you must keep yourself from drowning by crossing safely to your grotto at the top of the screen by leaping across the backs of turtles and logs.

Page 19: All About Frogger Susan Miller Scalable Game Design University of Colorado

VERBS are ACTIONSACTIONS are CTPs

You are a frog. Your task is simple: hop across a busy highway, dodging cars and trucks who come out of (and go back into) tunnels, until you get to the edge of a river, where you must keep yourself from drowning by crossing safely to your grotto at the top of the screen by leaping across the backs of turtles and logs.

Page 20: All About Frogger Susan Miller Scalable Game Design University of Colorado

How do we make the frog move?

Page 21: All About Frogger Susan Miller Scalable Game Design University of Colorado

How do we make the frog move?

CTP#1: USER Control

Page 22: All About Frogger Susan Miller Scalable Game Design University of Colorado
Page 23: All About Frogger Susan Miller Scalable Game Design University of Colorado
Page 24: All About Frogger Susan Miller Scalable Game Design University of Colorado
Page 25: All About Frogger Susan Miller Scalable Game Design University of Colorado

Make the frog move

Page 26: All About Frogger Susan Miller Scalable Game Design University of Colorado

Make the frog move

Add the rest of the rules to make your frog move in other directions. TEST your game – does it work???

Page 27: All About Frogger Susan Miller Scalable Game Design University of Colorado

What makes the trucks move?

Page 28: All About Frogger Susan Miller Scalable Game Design University of Colorado

What makes the trucks move?

TEST your game – does it work???

Page 29: All About Frogger Susan Miller Scalable Game Design University of Colorado

Make the trucks appear

The creation of New AGENTS is called GENERATION

We GENERATE new agents Under what circumstances:

WHEN

HOW OFTEN

CTP #2:GENERATE

Page 30: All About Frogger Susan Miller Scalable Game Design University of Colorado

Make the trucks appear

TEST your game – does it work???

Page 31: All About Frogger Susan Miller Scalable Game Design University of Colorado

Make the trucks disappear

The elimination of AGENTS is called ABSORBTION

We ABSORB new agents Under what circumstances:

WHEN

HOW OFTEN

CTP #3:ABSORB

Page 32: All About Frogger Susan Miller Scalable Game Design University of Colorado

Make the trucks disappear

Page 33: All About Frogger Susan Miller Scalable Game Design University of Colorado

Make the trucks disappear

TEST your game – does it work???

Page 34: All About Frogger Susan Miller Scalable Game Design University of Colorado

What happens when the truck hits a frog?

CTP #4:Collision!!!!

Page 35: All About Frogger Susan Miller Scalable Game Design University of Colorado

What happens when the truck hits a frog?

Page 36: All About Frogger Susan Miller Scalable Game Design University of Colorado

Create a NEWdepiction for yourFROG

Page 37: All About Frogger Susan Miller Scalable Game Design University of Colorado

Talk to your neighbor: How can we program the frog to be squished by the truck

Page 38: All About Frogger Susan Miller Scalable Game Design University of Colorado

Program the frog to be squished by the truck

Page 39: All About Frogger Susan Miller Scalable Game Design University of Colorado

Frogger Part II: The River Scene What do we need to complete the river scene?

Remember the story: You are a frog. Your task is simple: hop across a

busy highway, dodging cars and trucks who come out of (and go back into) tunnels, until you get to the edge of a river, where you must keep yourself from drowning by crossing safely to your grotto at the top of the screen by leaping across the backs of turtles and logs.

Page 40: All About Frogger Susan Miller Scalable Game Design University of Colorado

What agents do we need? (Think NOUNS)

You are a frog. Your task is simple: hop across a busy highway, dodging cars and trucks who come out of (and go back into) tunnels, until you get to the edge of a river, where you must keep yourself from drowning by crossing safely to your grotto at the top of the screen by leaping across the backs of turtles and logs.

Page 41: All About Frogger Susan Miller Scalable Game Design University of Colorado

What agents do we need? (Think NOUNS)

You are a frog. Your task is simple: hop across a busy highway, dodging cars and trucks who come out of (and go back into) tunnels, until you get to the edge of a river, where you must keep yourself from drowning by crossing safely to your grotto at the top of the screen by leaping across the backs of turtles and logs.

Page 42: All About Frogger Susan Miller Scalable Game Design University of Colorado

What actions do we need? (Think VERBS)

You are a frog. Your task is simple: hop across a busy highway, dodging cars and trucks who come out of (and go back into) tunnels, until you get to the edge of a river, where you must keep yourself from drowning by crossing safely to your grotto at the top of the screen by leaping across the backs of turtles and logs.

Hint: New CTP:

CTP #5TRANSPORT

Page 43: All About Frogger Susan Miller Scalable Game Design University of Colorado

Frogger: Student Handout 4

Finish your Frogger game…

If you finish early, try a challenge sheet!!