🚀 Space Invader

A thrilling web-based space shooter game built with HTML5 Canvas and vanilla JavaScript. Dodge enemies, collect power-ups, and survive as long as possible in this arcade-style space adventure!

🎮 Play Now

🕹️ Click here to play instantly! (https://mohammadhamza96.github.io/Space-Invader-Game/)

✨ Features

- Smooth Gameplay: 60 FPS action with responsive controls

• Multiple Enemy Types**:
  • Basic enemies for steady challenge
  • Fast enemies for quick reflexes
  • Tank enemies that require multiple hits
  • Zigzag enemies with unpredictable movement - Power-Up System:
  • 🛡️ Shield protection
  • ⚡ Speed boost
  • 🔫 Multi-shot capability - Visual Effects:
  • Particle explosions
  • Engine trails
  • Glowing power-ups
• Audio System: Dynamic sound effects using Web Audio API
• Progressive Difficulty: Game gets harder as you survive longer
• High Score System: Track your best performances
• Responsive Design: Works on desktop and mobile devices

🎯 How to Play

Controls

• A or ←: Move left
• D or →: Move right
• Spacebar: Shoot
• P: Pause/Resume game

Objective

• Survive as long as possible
• Shoot enemies to earn points
• Collect power-ups to gain advantages
• Avoid enemy collisions (you have 3 lives)

🚀 Quick Start

Method : Play Online

Simply click the play link above - no installation needed!

🏗️ Technical Details

Built With

• HTML5 Canvas - Game rendering
• Vanilla JavaScript - Game logic and mechanics
• CSS3 - Styling and animations
• Web Audio API - Sound effects

Architecture

• Modular Design: Separate files for different game systems
• Object-Oriented: Entity-based game objects
• 60 FPS Game Loop: Smooth animation using requestAnimationFrame
• Particle System: Dynamic visual effects
• State Management: Menu, playing, paused, and game over states

File Structure

space-dodge-enhanced/
├── index.html          # Main game page
├── style.css           # Game styling
├── game.js             # Core game logic
├── entities.js         # Player, enemies, bullets
├── audio.js            # Sound system
├── particles.js        # Visual effects
├── powerups.js         # Power-up system
├── server.py           # Development server
└── README.md           # This file

🤝 Contributing

Contributions are welcome! Here are some ways you can help:

• Report bugs or suggest features
• Improve graphics or sound effects
• Add new enemy types or power-ups
• Optimize performance
• Enhance mobile experience

Development Setup

1. Fork the repository
2. Create a feature branch: git checkout -b feature-name
3. Make your changes
4. Test thoroughly
5. Submit a pull request

🐛 Known Issues

• None currently! Report any issues you find.

🌟 Acknowledgments

• Inspired by classic arcade space shooters
• Built with modern web technologies
• Sound effects generated using Web Audio API