Skip to content

Rtalha129/Neon-Shooter

Repository files navigation

🕹️ Neon Core (Neon Shooter)

A high-performance arcade shooter built with React, HTML5 Canvas, and Tailwind CSS.

(Tip: Replace this link with a screenshot of your actual game!)

🚀 About The 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.

✨ Features

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.

🎮 Controls

W A S D — Move your ship

Mouse Cursor — Aim

Left Click — Shoot

Spacebar — (Reserved for future abilities)

🛠️ Tech Stack

Core: React 18

Build Tool: Vite

Styling: Tailwind CSS

Rendering: HTML5 Canvas API (2D Context)

📦 How to Run Locally

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!

🔮 Future Roadmap

  • Add power-ups (Shields, Triple Shot)
  • diverse enemy types (Seekers, Bosses)
  • Local Storage support for High Scores

  • Mobile touch controls# Neon-Shooter

About

A high-performance arcade shooter built with React, HTML5 Canvas, and Vite. Features a custom physics engine and 60FPS rendering.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors