A high-performance arcade shooter built with React, HTML5 Canvas, and Tailwind CSS.
(Tip: Replace this link with a screenshot of your actual game!)
Neon Core is a fast-paced survival shooter where you pilot a ship through an infinite void. The game features a custom physics engine, particle-based explosions, and a glowing neon aesthetic—all rendered on a single HTML5 Canvas managed by React.
Custom Physics Engine: Smooth acceleration, friction, and collision detection logic built from scratch.
Particle System: Dynamic explosion effects with decay and color blending.
Reactive UI: Score, High Score, and Game Over states managed via React state, overlaying the canvas.
Performance Optimized: Uses requestAnimationFrame and useRef for a buttery smooth 60 FPS experience without React re-render overhead.
Responsive Design: Automatically adapts to window resizing.
W A S D — Move your ship
Mouse Cursor — Aim
Left Click — Shoot
Spacebar — (Reserved for future abilities)
Core: React 18
Build Tool: Vite
Styling: Tailwind CSS
Rendering: HTML5 Canvas API (2D Context)
Clone the repository:
git clone [https://github.com/YOUR_USERNAME/neon-shooter.git](https://github.com/YOUR_USERNAME/neon-shooter.git) cd neon-shooter
Install dependencies:
npm install
Start the development server:
npm run dev
Open your browser to http://localhost:5173 to play!
- Add power-ups (Shields, Triple Shot)
- diverse enemy types (Seekers, Bosses)
-
Local Storage support for High Scores
-
Mobile touch controls# Neon-Shooter