A classic arcade-style shooter game built with HTML5, CSS3, and JavaScript.
- Player Control: Move left and right with arrow keys
- Shooting: Press spacebar to shoot bullets
- Enemy Waves: Defeat all enemies to advance to the next level
- Progressive Difficulty: Enemies get faster and more numerous as you level up
- Lives System: You start with 3 lives
- Score Tracking: Earn 10 points for each enemy defeated
- Game States: Start, Pause, Resume, and Reset functionality
- Click the Start Game button to begin
- Use Arrow Keys (← →) to move your player left and right
- Press Spacebar to shoot enemies
- Destroy all enemies to advance to the next level
- Don't let enemies reach the bottom!
- Use Pause button to pause/resume the game
- Use Reset button to restart from the beginning
- Player: Green rectangle at the bottom of the screen
- Enemies: Red rectangles that move downward
- Bullets: Cyan projectiles that destroy enemies
- Scoring: 10 points per enemy eliminated
- Levels: Each level increases enemy count and speed
You can easily customize the game by editing game.js:
player.speed: Change how fast the player movesbulletSpeed: Adjust bullet velocitybaseEnemyCount: Change starting number of enemiesenemySpeed: Modify base enemy speed- Colors in
styles.css: Customize the game's appearance
index.html- Game structure and UIstyles.css- Game styling and animationsgame.js- Game logic and mechanicsREADME.md- This file
Works on any modern browser that supports:
- HTML5 Canvas
- ES6 JavaScript
- CSS3
Enjoy the game! 🚀