Neon Galax - Galaga-Inspired Web Arcade

Neon Galax is a fast, vibrant, Galaga-style 2D shooter built with HTML5 Canvas and vanilla JavaScript. Pilot a neon star-fighter, blast swarming formations, dodge dive attacks, and chain power-ups for big scores.

Features

• Neon aesthetic with glowing ships, particles, and starfield
• Classic formation movement plus randomized dive attacks
• Power-ups: Rapid (faster fire), Spread (triple shot), Shield (invulnerability)
• Scoring with floating +points popups; score/level/lives HUD
• Start/pause overlays plus Pause/Resume button
• Responsive, high-DPI canvas; runs in any modern browser

Controls

• Move: Arrow Left/Right or A/D; Arrow Up/Down or W/S (vertical)
• Shoot: Space
• Start: Enter, Space, arrow keys, or click Start/canvas
• Pause/Resume: P or Esc or Enter; or click the Pause/Resume button

Quick Start

1. Open index.html in a modern desktop or mobile browser.
2. Press Enter/Space or click the Start button (or anywhere on the canvas).
3. Clear waves to advance levels; collect power-ups to survive dives.

No build tools or dependencies required.

Files

• index.html — Canvas, HUD/overlay markup, includes CSS/JS
• style.css — Vibrant neon theme and layout
• game.js — Game loop, input, entities, behaviors, and rendering
• IMPLEMENTATION_SUMMARY.md — Design/architecture notes and the original prompt

How It Works (Short)

• A single high-DPI <canvas> renders everything; UI sits in HTML.
• requestAnimationFrame drives updates (movement, AI, collisions) and rendering.
• Enemies hold a base formation position and apply sinusoidal sway/bob; some break off into dive states with simple serpentine motion and occasional shots.
• Collisions use AABB checks; explosions are particle systems with decay; screen shake adds punch.
• Scoring updates the HUD instantly; floating text animates at kill/pickup positions.

Customization

• Difficulty: tweak diveCooldown and enemy HP/values in spawnWave().
• Visuals: adjust neon colors and glow in style.css or line widths in game.js.
• Power-ups: extend in spawnPower() and drawPowerup().
• Movement bounds: adjust the vertical clamp (minY/maxY) in update().

Browser Notes

• Audio bleeps use Web Audio API and may require a user gesture (pressing Enter/Start) before playing sounds.
• If the HUD doesn’t appear above the canvas, ensure your browser isn’t caching old CSS (hard-refresh).

Troubleshooting

• Can’t start: Click the canvas once to focus, then press Enter or Space.
• No sound: Your browser may block audio until first interaction; press Enter or click.
• Input lag: Close other heavy tabs; this is a CPU-bound canvas game.

License

This project is provided as-is for educational and demonstration purposes.