Click here to see deployed game
The projects recreates the famous game Asteroids, which was released by Atari in 1981. The player controls a spaceship on a screen. Asteroids coming in from all sides can be shot into smaller pieces. The player loses, if he loses all his lives by bumping into asteroids too often.
| Key | Action |
|---|---|
| W, 🔼 | Thrust |
| A, ◀ | Rotate anti-clockwise ↪ |
| D, ▶ | Rotate clockwise ↩ |
| S, 🔽 | Breaks |
| Space | Shoots projectiles |
| P, Pause | Pauses and resumes the game |
- Start game
- Player can shoot asteroids
- Asteroids keep spawning into the screen
- Asteroids take players lives until he dies
- Player loses, if he has no lives left
- Player wins, if he survives
- After the game ends, the game can be restarted
- spawn progression
- time to survive
- substract lives
- count score
- ‼properly reset game states for new games
- 🐞 Taste P funktioniert nach game restart nicht
- 🐞 set base url on paths
- 🐞 keep ship in bound
- 🐞 reset orientation and velocity
- 🐞 when sfx is switched off, I can still make shooting sounds, sometimes (like every 2nd time I shoot)
- 🐞 firerate is always high, regardless of value set Conditional check is with timestamps (ms) 🧠 Think of a solution, what unit is best
- weapon cooldown
- weapon overheat
- shield bar instead of lives
- asteroid hitpoints
- break big asteroid into small pieces
- powerups
- weapons
- define asteroid types
- create level progression
- organize background image data with all settings for css to change according to level
- asteroids deflect each other
- items, shop & currency
- 🐞fine-tune collision shapes
- 🐞🐞🐞 can’t thrust after pause → game over → restart also: doing that you can thrust on the Result Screen… in general: The game seems to keeps running after game over
- ‼build main menu
- lower sound volume of backgroundmusic (on 28)
- menu buttons: sound on hover
- sounds: explosion, thrust, asteroid contact
- add text shadow to title
- disable user-select on title
- animate explosion, thrust
- animate bumping into asteroid (reuse hit edge animation)
- ‼Show an immediate dialog when game finishes
- 🐞 dialog shows victory, although I die…
- 🐞 never display negative numbers!
- ‼ Pause Dialog
- add victorious short musik on level completion
- 🐞 on DEFEAT: try again shoud maintain levelID
- 🐞 on Pause: intercept ESC to also resume game
- ‼build result display (win/lose)
- ‼build game UI: with shield, speed, gun cool down, overheat, current Level
- indicate when pausing the game
- indicate, that player was hit
- on bump: deflect from asteroid, asteroid should stay
- show intro text with a level explanation (maybe with typewriter text)
- collect statistics
- shots hit/miss
- count asteroids hit and group in categories
- ‼at game start: transition to game with animation (fancy loading screen?)
- [ ]
- add transitions between video changes (align with beats)
- basic settings (music/sfx)
- transition between views
- audio pooling (see TODO)
- 🐞 game view: start rendering only everything is loaded
- 🐞 remove asteroid element correctly at screen leave
- 🐞 click on intro videos shouldn’t restart videos
- fine tune velocity of spawning asteroids
- 🐞 Fix lagging asteroids spawn
hide in hidden containerhide outside screen and render later- reuse elements and use an element pool
- settings
- sounds fine control
- game controls
- ...
- multiplayer
- use reactive values
- Game
- Spaceship
- Asteroid
- Projectile
- Statistics
- 🌌 Setup views and cycle through them
- 🔃 Setup game on game view and define a game loop
- 🚀 Show spaceship and add controls
- 🎮 Show asteroids and add random movements
- 🔫 Allow spaceship to shoot
- 🔂 Setup level progression
- 🛑 Detect collisions and handle them
- 🚥 Display game stats, e.g. lives, kills, time
- 🏆 Define winning and losing conditions
- 📈 Add statistics and display them on the result view
- 🍭 Add all the other good stuff