Toronto Voxel Nights

Toronto Voxel Nights (Three.js + Instancing)

Description: A procedurally generated 3D city experience built with Three.js. This project uses InstancedMesh to render 500,000+ voxels with high performance.

Key Features:

Procedural Generation: The CN Tower, Rogers Centre, and city blocks are generated via code math, not external models.

Custom Shaders: Features a custom vertex/fragment shader for the animated water waves and color mixing.

Post-Processing: Uses UnrealBloomPass for the neon night aesthetic.

Game Logic: Includes a "Gamer Mode" with a raycaster-based shooting mechanic, score tracking, and coin collection.

View Modes: Toggles between HD (Bloom/Reflections), Low-Res (Wireframe/Tron-style), and a cinematic Fly-Through camera.