Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nidhiupman568/space-invaders-game
🎉Welcome to my Space Invaders game! 🎮 This project brings the classic arcade experience to life using 🌐 HTML, 🎨 CSS, and 💻 JavaScript with HTML5 Canvas. 🌟
https://github.com/nidhiupman568/space-invaders-game
css front-end-development html interactive-web-design javascript space-invaders-game web-animation web-development
Last synced: 3 days ago
JSON representation
🎉Welcome to my Space Invaders game! 🎮 This project brings the classic arcade experience to life using 🌐 HTML, 🎨 CSS, and 💻 JavaScript with HTML5 Canvas. 🌟
- Host: GitHub
- URL: https://github.com/nidhiupman568/space-invaders-game
- Owner: nidhiupman568
- Created: 2024-06-07T11:20:29.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-06T20:19:34.000Z (2 months ago)
- Last Synced: 2024-09-07T22:13:40.775Z (2 months ago)
- Topics: css, front-end-development, html, interactive-web-design, javascript, space-invaders-game, web-animation, web-development
- Language: JavaScript
- Homepage: https://space-invaders-game-nidhiupman.vercel.app/
- Size: 9.77 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Space Invaders Game 🚀👾
🎉Welcome to my Space Invaders game! 🎮 This project brings the classic arcade experience to life using 🌐 HTML, 🎨 CSS, and 💻 JavaScript with HTML5 Canvas. 🌟
Project Demo: https://nidhiupman568.github.io/SPACE-INVADERS-GAME/
## Features 🌟
- **Game Setup 🕹️**: Built using HTML5 Canvas for smooth graphics rendering. 🎨
- **Player Controls 🎯**: Use arrow keys to move the ship ⬅️➡️ and spacebar to shoot bullets. 🔫
- **Enemy Generation 👽**: Randomly generate enemy ships that move and attack. 🚀
- **Collision Detection 💥**: Detect collisions between player bullets and enemy ships. 🔍
- **Score Tracking 🏆**: Keep track of the player's score as they defeat enemies. 📈
- **Game Over ☠️**: Display game over screen and allow for restart. 🔄
## How to Play 🎮
1. **Start the Game 🚀**: Open `index.html` in your browser. 🌐
2. **Move 🕹️**: Use arrow keys (left and right) ⬅️➡️ to move the ship. 🚀
3. **Shoot 🔫**: Press spacebar to shoot bullets and destroy enemy ships. 💥
4. **Score Points 🏅**: Earn points by shooting down enemy ships. 📈
5. **Avoid Enemy Fire 🔥**: Dodge incoming enemy bullets to survive. 🛡️
## Getting Started 🚀
1. Clone the repository: 'https://github.com/nidhiupman568/SPACE-INVADERS-GAME.git' 🌀
2. Open the `index.html` file in your browser. 🌐
## Technologies Used 💻
- **HTML5 🌐**
- **CSS3 🎨**
- **JavaScript 💻**
#### Screenshots (Output) 📸
