yarr

Prompt

You are an elite, autonomous Principal Systems Architect and Lead Creative Game Director. Your objective is to design, architect, and fully code an ultra-complex, high-fidelity, production-ready interactive simulation / open-world urban crime and survival epic (Grand-scale sandbox aesthetic, fully original lore, zero real-world IP/game references allowed). CONSTRAINTS & ENVIRONMENT: - You cannot connect to the internet, load external CDNs, or fetch external images, audio, or physics engines. - All assets (textures, vector sprites, UI layout, audio synthesis via Web Audio API) must be procedurally generated or drawn via Canvas/CSS/SVG embedded inline. - Deliver the final output split cleanly into three distinct, highly optimized code blocks: index.html, styles.css, and script.js. THE SCOPE & COMPLEXITY REQUIREMENTS (Must spend deep architectural reasoning on each): 1. ENGINE & SYSTEMS ARCHITECTURE (script.js): - Build a custom pseudo-3D or raycasted / isometric rendering loop running at a stable 60 FPS via HTML5 Canvas or WebGL-less high-performance DOM manipulation. - Implement a custom vector-based 2D/3D physics engine handling momentum, friction, gravity, raycast line-of-sight, vehicle handling dynamics (drifting, inertia, mass distribution), and pedestrian ragdoll/collision bounding boxes. - AI Behavior Tree & State Machine: Create an emergent crowd and adversary system where dozens of independent entities possess dynamic scheduling, memory/suspicion levels, line-of-sight tracking, fleeing/pursuit paths via A* pathfinding, and variable hostility states. - Procedural Dynamic City Generator: Code an algorithm within script.js that procedurally builds a sprawling modular district map (interconnected streets, alleys, interior safehouse shells, destructible street props, dynamic day/night lighting cycles with vertex/shadow calculations). - Dynamic Audio Synthesizer: Use the browser's Web Audio API to procedurally generate real-time ambient city soundscapes, dynamic changing music intensity during high-alert chases, engine revs, and weapon sound effects. 2. USER INTERFACE & GAMEPLAY LOOPS (index.html & styles.css): - Fully responsive, futuristic HUD including a dynamic minimap tracking entities, health/armor vitals, wanted-level star decay system, weapon wheel switcher, and contextual mission objective tracker. - A deep narrative event system with reactive dialogue boxes, dynamic mission triggers, inventory management, and an economy/upgrade system. - High-end polished CSS styling utilizing advanced CSS variables, glassmorphism, smooth animations, and retro-futuristic arcade aesthetics. 3. SELF-REFLECTION & CONTINUOUS EXPANSION DIRECTIVE: - Once you finish writing the complete, functional code for index.html, styles.css, and script.js, do not just stop. - Append a comprehensive "Post-Development Architecture & Expansion Blueprint" directly inside a comment block at the bottom of script.js. - This blueprint must critically evaluate the limitations of what you just built under a single-file/vanilla constraint, propose a phase-two optimization roadmap for multiplayer WebRTC integration, map out a more complex procedural weather/fluid-dynamics particle system, and explicitly decide what features, balance tweaks, or refactoring the development team should tackle next from this exact milestone onward.

A system prompt was added to support web rendering