Inspiration
We wanted to recreate the charm of classic space‑shooter games in the browser. Inspired by retro arcade titles and modern casual shooters, the goal was to build something that’s easy to pick up, visually appealing, and fun to play.
What it does
Neo Space Shooter is a browser game where you pilot a rocket through a field of procedurally generated asteroids. Use the arrow keys to maneuver and the spacebar to fire. Destroy asteroids (two hits each), avoid collisions to preserve health, and collect blue energy orbs to reload your ammo. If your score is too low at the end, a humorous meme message appears to keep things light‑hearted.
How I built it
The game is written in pure JavaScript with an HTML5 canvas for rendering. All graphics—the stars, rocket, asteroids, explosions—are generated on‑the‑fly using Canvas API calls. Game state (player position, velocity, enemy list, ammo count, etc.) is updated on each animation frame. To keep the code self‑contained, audio and meme images are embedded or omitted to avoid cross‑origin issues.
Challenges I ran into
- Balancing gameplay so there are enough asteroids to be challenging without overwhelming the player.
- Managing performance with many objects on screen, especially when spawning larger or more detailed asteroids.
- Avoiding broken assets: embedding images directly in code caused parse errors; loading them locally sometimes failed. Ultimately, the meme overlay was simplified to show text only.
- Ensuring keyboard input worked consistently across browsers and handling collisions accurately.
Accomplishments that I'm proud of
- Created a responsive, retro‑styled shooter entirely in the browser without any external libraries.
- Implemented a procedurally generated asteroid system with varying sizes and shapes.
- Added fun touches like ammo management, energy orbs, and meme messages that react to your final score.
What I learned
- Deepened my understanding of the Canvas API, including paths, gradients, and transformations for drawing custom shapes.
- Learned techniques for optimizing game loops and handling dynamic arrays of game objects efficiently.
- Gained experience debugging JavaScript in complex browser environments, especially when dealing with large embedded assets.
What's next for Neo Space Shooter
- Polishing visuals further with sprite animations and sound effects.
- Adding power‑ups and special enemy types to keep gameplay fresh.
- Hosting the game online with a proper URL so anyone can play it without needing the source files.
- Potentially porting it to mobile with touch controls.
Log in or sign up for Devpost to join the conversation.