Create a cinematic, photorealistic 3D promotional animation for **Toronto Metropolitan University's

Question: User: Create a cinematic, photorealistic 3D promotional animation for **Toronto Metropolitan University's Innovation Boost Zone (IBZ)**. **Theme:** From an innovative idea to a successful startup. Begin with a realistic aerial view of downtown Toronto at sunset. The camera flies between detailed skyscrapers, with realistic glass reflections, moving vehicles, atmospheric lighting, and the Toronto skyline. Transition toward a modern innovation hub representing IBZ. Move the camera into a beautifully designed collaborative workspace with desks, monitors, meeting rooms, prototype stations, and startup founders developing new technologies. **Animate the innovation journey in five connected scenes:** 1. **The Spark:** A glowing idea emerges as thousands of luminous particles converge into a three-dimensional lightbulb. The camera circles the object while animated neural connections and mathematical patterns appear around it. 2. **Building the Prototype:** Transition into a realistic technology laboratory. Robotic arms assemble a mechanical prototype while computer screens display evolving software interfaces, circuit designs, and AI visualizations. 3. **Collaboration:** Show a modern startup environment with teams brainstorming, interactive digital displays, rotating 3D models, and realistic office furniture. Represent mentorship, learning, and collaboration. 4. **Startup Growth:** Create a futuristic visualization of an emerging startup ecosystem. Animated data streams connect startup nodes, growth graphs emerge in 3D space, and a network expands across a detailed miniature model of Toronto. 5. **Innovation Boost Zone:** The camera smoothly pulls away from the connected network, revealing the title "INNOVATION BOOST ZONE" with the subtitle "From Ideas to Impact." Finish with a polished cinematic lighting transition. **Technical and visual requirements:** - Use Three.js with WebGL and custom GLSL shaders for realistic materials and lighting. - Use GSAP for precise camera animation, transitions, and object movement. - Use procedural geometry, instanced meshes, physically based materials, reflections, shadows, and atmospheric volumetric effects. - Use realistic textures, physically plausible proportions, cinematic depth of field, and postprocessing. - Incorporate procedural particle systems, dynamic lighting, and smooth camera paths. - Use Rapier physics where meaningful for mechanical interactions. - Prioritize detailed, convincing physical environments instead of abstract floating shapes. - Make every scene visually distinct, with continuous transitions rather than disconnected slides. - Optimize performance for desktop browsers. - Render everything in a single interactive WebGL canvas. - Generate a complete, standalone HTML document using JavaScript and CDN dependencies. - Include an automatic cinematic camera sequence and optional mouse-controlled exploration. **Art direction:** Premium architectural visualization combined with a high-end technology commercial. Realistic materials, accurate scale, intentional camera composition, rich environmental detail, and smooth cinematic motion. The final result should resemble a professionally produced 3D innovation-centre advertisement, not a basic educational slideshow.