all about frogger susan miller scalable game design university of colorado
TRANSCRIPT
![Page 1: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/1.jpg)
All About FroggerSusan Miller
Scalable Game Design
University of Colorado
![Page 2: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/2.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/3.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/4.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/5.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/6.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/7.jpg)
Let’s make a frog…
![Page 8: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/8.jpg)
Change the depiction to a FROG
![Page 9: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/9.jpg)
Press Clearto get an empty screen
![Page 10: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/10.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/11.jpg)
Nouns = AGENTS
Create the following agents:
Frog
Truck
Road
Ground
Tunnel
![Page 12: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/12.jpg)
Create your agents
10 minutes
End
![Page 13: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/13.jpg)
Put your agents on your worksheet
![Page 14: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/14.jpg)
Put your agents on your worksheet
![Page 15: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/15.jpg)
Fill in just this much
![Page 16: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/16.jpg)
It’s time to SAVE THE WORLD!
![Page 17: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/17.jpg)
Does your game do anything???
![Page 18: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/18.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/19.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/20.jpg)
How do we make the frog move?
![Page 21: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/21.jpg)
How do we make the frog move?
CTP#1: USER Control
![Page 22: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/22.jpg)
![Page 23: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/23.jpg)
![Page 24: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/24.jpg)
![Page 25: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/25.jpg)
Make the frog move
![Page 26: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/26.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/27.jpg)
What makes the trucks move?
![Page 28: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/28.jpg)
What makes the trucks move?
TEST your game – does it work???
![Page 29: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/29.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/30.jpg)
Make the trucks appear
TEST your game – does it work???
![Page 31: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/31.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/32.jpg)
Make the trucks disappear
![Page 33: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/33.jpg)
Make the trucks disappear
TEST your game – does it work???
![Page 34: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/34.jpg)
What happens when the truck hits a frog?
CTP #4:Collision!!!!
![Page 35: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/35.jpg)
What happens when the truck hits a frog?
![Page 36: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/36.jpg)
Create a NEWdepiction for yourFROG
![Page 37: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/37.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/38.jpg)
Program the frog to be squished by the truck
![Page 39: All About Frogger Susan Miller Scalable Game Design University of Colorado](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/39.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/40.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/41.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/42.jpg)
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](https://reader030.vdocument.in/reader030/viewer/2022032604/56649e5c5503460f94b53c2b/html5/thumbnails/43.jpg)
Frogger: Student Handout 4
Finish your Frogger game…
If you finish early, try a challenge sheet!!