Neon Defender

Inspiration

NEON DEFENDER was inspired by classic arcade space shooters like Galaga, Space Invaders, and Asteroids. The goal was to recreate that nostalgic, fast-paced gameplay with a modern twist—adding smooth animations, neon visuals, combo systems, and dynamic sound effect

What it does

Players take control of a neon-lit spaceship and the objective is to survive as long as possible by shooting enemies, dodging incoming hazards, and collecting power-ups that enhance gameplay.

The game features responsive keyboard controls (WASD or arrow keys), a shooting mechanic, a boost function for quick dodges, and a combo scoring system that rewards accuracy and speed. . When the player loses all lives, a game over screen appears with the option to restart or return to the main menu.

How we built it

The game runs entirely in the browser and uses the HTML5 Canvas API to draw from the spaceship and enemies to explosions and background stars. To keep the gameplay smooth, we used requestAnimationFrame for the main game loop. We listened for keyboard inputs to let the player move, shoot, and boost, and we managed bullets, enemies, power-ups, and obstacles using simple JavaScript arrays. We also added sound effects using the Web Audio API, so actions like shooting or taking damage feel more satisfying

Challenges we ran into

Adding boost, picking power-ups, and making sure enemies weren’t too fast or too hard to hit took a lot of testing and tweaking.

Accomplishments that we're proud of

The game runs smoothly in the browser, has a full UI, sound effects, levels, and power-ups. We also created a unique retro space style with responsive controls, combo system, and a working game loop.

What we learned

I learned how to build a full game using just HTML, CSS, and JavaScript without any game engine. It taught us a lot about game logic, animation, collision detection, and balancing gameplay. I also learned how to use the Canvas and Web Audio APIs to make the game feel alive and fun to play.

What's next for Neon Defender

We plan to add more features like new enemy types, boss fights, and different weapons. We also want to improve mobile support, add soundtracks, and maybe save high scores or progress.

Built With

• and-mechanics-canvas-api-?-to-draw-the-spaceship
• animations
• canvasapi
• css3
• enemies
• html5
• input
• javascript
• particles
• webaudioapi