This project represents a breakthrough in web-based 3D presentations, transforming a static city model into a living, breathing interactive ecosystem. The core challenge was to seamlessly blend high-fidelity WebGL rendering with a high-performance, responsive user interface.

I engineered a custom 'Camera Rig' system that autonomously directs the viewer's perspective, creating smooth, cinematic transitions between a bird's-eye view and focused building inspections. The scene is alive with procedurally animated traffic and floating brand beacons that guide user interaction.

The interface layer features a 'Smart Dual-Panel' architecture that adapts in real-time—shifting from detailed text layouts to a 'Cinema Mode' for video playback. By decoupling the UI state from the 3D render loop and utilizing `requestAnimationFrame` for animations, the system maintains a locked 60fps performance, delivering a premium, app-like experience directly in the browser.