frogger's People
Forkers
mike-dukefrogger's Issues
figure out scoring.
in the regular game, the frog scores when it advances to the next row, but not when back tracking.
add timer
Switch
Turn if statement in frog.js file into a switch.
Game fill screen
Make game fill whole screen.
Fix Frog Movement on Stacked Logs
The frogs x.value increases at twice the rate when it lands on stacked logs.
stopping the game upon death
need to build a function that checks for a game state to be true or false. For one, the game continues--for the other, the game animation stops. This is also how lives can be instated.
New Game
Allow the user to start a new game.
draw cars, logs and frog images on blocks
Try to use ES6 syntax
create "GamePiece" class
frog, car, log are each subclasses.
add button to start the game
"Game" instantiates on click
fine tune collision detection.
need another condition?
need to set the game border
bottom border should not allow the frog travel below. in the water area, going off of the edge of the game board should kill the frog.
Remove "Array" in array variables
Redundant.
Fix Level Display
Too hard to see.
Move all event listeners to the top
Frog1
Start a canvas
Get an empty canvas on the screen.
End state
safe spaces at the end of the game board. frog should stay on the safe space and a new frog should start back at the beginning. (a new Game state).
Position Game in Center
To make space for levels and lives potentially.
Remove number in Frog1, Rows2, Y2, X2
Only one frog. Not scalable.
Make a Class
Build our first gamepiece class.
car obstacles
enter from both sides of the screen?
rows? CSS Grid layout?
15 rows:
row 1: (at the top) score and lives
row 2: safe area for frogs, win condition
row 3: logs
row 4: turtles (in a perfect world)
row 5: logs
row 6: turtles (same)
row 7: logs
row 8: safe row
row 9: cars
row 10: cars
row 11: cars
row 12: cars
row 13: cars
row 14: safe area
row 15: timer
Add a block
Get a block on the screen.
Remove Global Variables
Can cause memory leak. Use let or const instead of var. "Garbage collecting". Global can slow things down.
Make another class
Add a second class or a subclass.
Add color
Add some color to the game.
add lilly pads for landing at the end of the game board
Game Over
Indicate When the game is over, won, or lost.
Add an Event Listener
Make the froggy cube move on arrow button.
Decrease Level 2 difficulty
How to get the canvas to scroll for a larger board?
low priority
set Y values for obstacles
cars should stay in lanes, logs in moat
collision detection
car colliding with frog = death; frog colliding with car = death; frog colliding with moat = death--
frog colliding with crocodile = death.
score, lives, and other information on to the canvas or the surrounding site
log movement
every other log should move in opposite directions across the x-axis of the canvas.
setup "moat" area
collision with the moat causes death of the frog. moat should persist.
Remove Stacking of logs and cars
Add lives
Three lives then game over
how to add lives? i think we need a Game object.
the Game object should keep track of points, TIME (!), number of lives, maybe even the number of frogs in the end row?
difficulty ramp
cars should get more frequent, logs less frequent. ideally this would happen each time a player lands a frog in the end row.
moat obstacles
frog needs to stand on obstacle and travel with it. start with only logs, then look at making the logs dip under the surface of the moat, then look at turtles and/or crocodiles
death ?
Edgar finished - start game over or return to "click" screen?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.