const portfolio = {
loading: true,
status: 'initializing...'
};
0%

Space Invaders & Shooter.

This Space Invaders project is a simple JavaScript-based game that mimics the classic arcade experience. The game is played on a 15x15 grid, where the player controls a shooter positioned at the bottom. Using the left and right arrow keys, the player can move horizontally to dodge incoming invaders and align shots. The invaders move as a group, shifting left and right across the grid while descending after reaching the edge. The player can shoot lasers (Arrow Up key) to destroy invaders before they reach the bottom. If an invader touches the player's position, the game ends with a "Game Over" message.

The game logic is implemented using JavaScript's DOM manipulation and event listeners. The invaders move continuously using `setInterval()`, and their direction changes when they hit the screen's edge. The player's laser moves upward, and when it collides with an invader, the invader disappears, and the score increases. A restart button allows players to reset the game without refreshing the page. This project is a great way to practice JavaScript fundamentals, game loops, collision detection, and interactive UI development. 🚀

Project information

  • Category: Game Development
  • Client: Personal Project
  • Project date: 24 November, 2024
  • Project URL: Live Demo

Related Projects

Related Project 1

Related Project 1