Vector Asteroids — Arcade Demo

Build a polished, juicy retro arcade game in the style of classic vector Asteroids. HARD REQUIREMENTS (for robustness + easy static hosting): - Deliver a SINGLE self-contained index.html with all CSS and JavaScript inline. No external files, no CDN links, no <script src> to anything, no ES module imports, no npm, no build step, no bundler, no framework. - It MUST run correctly by opening index.html directly as a static file (file:// and a plain static host) with no server and no network. Do not fetch any local assets. - Plain vanilla JavaScript + HTML5 Canvas 2D. All audio synthesized at runtime with the Web Audio API (no audio files). All graphics drawn with canvas (no image files). GAME (make it genuinely impressive and fun): - A glowing neon vector aesthetic on black, with a parallax starfield. - Player ship: rotate left/right, thrust with momentum/inertia and a flickering engine flame, fire bullets, screen-wrap. Optional hyperspace. - Asteroids in three sizes that split into smaller ones when shot, each with a unique jagged polygon outline, drifting and rotating, screen-wrapping. Increasing waves: each cleared wave spawns more/faster asteroids. - An occasional flying-saucer enemy that shoots back, worth bonus points. - "Juice": particle explosions, bullet sparks, thruster trail, brief screen shake on big hits, subtle bloom/glow. - Synthesized sound effects (fire, thrust, explosions, saucer) and optional simple beat. - Score, lives, level indicator; extra life at score thresholds. High score persisted in localStorage. - A title/attract screen, a pause toggle, and a clean game-over screen with restart. - Keyboard controls (arrows/WASD + space), shown on the title screen. Touch controls are a nice bonus but keyboard is primary. - Smooth requestAnimationFrame loop, frame-rate independent (delta time), and responsive to the window size. Make it feel finished and arcade-quality — something worth showing off as a demo.

Produce a complete implementation blueprint for the single-file arcade demo: game loop architecture, object/entity model, collision strategy, asteroid generation and splitting rules, saucer AI behavior, scoring/lives/waves, synthesized audio plan, visual style guide for neon vector rendering, input mapping, responsive canvas behavior, localStorage persistence plan, and a detailed acceptance checklist verifying file:// compatibility, no external assets, and no network usage.

Deliver a self-contained index.html prototype with inline HTML/CSS/JavaScript only. Includes responsive Canvas 2D setup, frame-rate-independent requestAnimationFrame loop, player ship rotation/thrust/inertia/screen-wrap, basic bullet firing, simple asteroid spawning and wrapping, collision detection, primitive scoring/HUD, title screen, restart flow, and foundational vector rendering. This milestone proves the core arcade feel and static-hosting constraints.

Expand the prototype into a complete Asteroids-style game loop. Add three asteroid sizes with jagged procedural polygon outlines, asteroid splitting, increasing waves with speed/count scaling, lives and respawn safety, extra-life thresholds, high score persistence in localStorage, pause toggle, game-over screen, optional hyperspace, and an occasional flying saucer enemy that moves across the screen and fires at the player. Deliver as a complete updated single-file index.html.

Produce a substantially polished version focused on arcade-quality presentation: glowing neon vector aesthetic, parallax starfield, screen shake, particle explosions, bullet sparks, thruster trails, flickering engine flame, subtle bloom/glow layering, tuned motion feel, Web Audio API synthesized fire/thrust/explosion/saucer sounds, optional simple beat, sound gating for browser autoplay rules, improved HUD/title/controls presentation, and keyboard-first controls with optional touch controls if feasible. Deliver as a complete updated index.html.

Deliver the final production-ready single self-contained index.html plus a concise QA report. Harden file:// behavior, remove all external dependencies, verify no fetches/imports/assets/CDNs, tune performance for common desktop browsers, handle resize/orientation changes, add defensive input/audio/localStorage handling, refine difficulty and scoring balance, clean comments and structure, and include a manual test matrix covering title, gameplay, pause, game over, high score, waves, saucer, audio unlock, and static hosting behavior.