frogger's Issues
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?
add lilly pads for landing at the end of the game board
Game fill screen
Make game fill whole screen.
Add an Event Listener
Make the froggy cube move on arrow button.
log movement
every other log should move in opposite directions across the x-axis of the canvas.
car obstacles
enter from both sides of the screen?
create "GamePiece" class
frog, car, log are each subclasses.
Remove number in Frog1, Rows2, Y2, X2
Only one frog. Not scalable.
Move all event listeners to the top
Frog1
Game Over
Indicate When the game is over, won, or lost.
Make a Class
Build our first gamepiece class.
fine tune collision detection.
need another condition?
How to get the canvas to scroll for a larger board?
low priority
Fix Frog Movement on Stacked Logs
The frogs x.value increases at twice the rate when it lands on stacked logs.
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 timer
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
figure out scoring.
in the regular game, the frog scores when it advances to the next row, but not when back tracking.
New Game
Allow the user to start a new game.
Remove Stacking of logs and cars
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.
Try to use ES6 syntax
Make another class
Add a second class or a subclass.
Remove "Array" in array variables
Redundant.
Fix Level Display
Too hard to see.
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.
Position Game in Center
To make space for levels and lives potentially.
Decrease Level 2 difficulty
set Y values for obstacles
cars should stay in lanes, logs in moat
Switch
Turn if statement in frog.js file into a switch.
add button to start the game
"Game" instantiates on click
draw cars, logs and frog images on blocks
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).
setup "moat" area
collision with the moat causes death of the frog. moat should persist.
Add color
Add some color to the game.
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.
Add lives
Three lives then game over
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
death ?
Edgar finished - start game over or return to "click" screen?
Start a canvas
Get an empty canvas on the 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.