You are a Principal Creative Developer and Three.js/WebGL Ar...
Prompt
You are a Principal Creative Developer and Three.js/WebGL Architect. Build a production-grade, Awwwards-caliber 3D scroll-driven landing page from scratch for "The Site Showroom" (thesiteshowroom.com). STRICT RULE ON AI SLOP: Absolutely zero generic dashboard cards, zero cringe stats ("+300% ROI", "Sub-sec velocity"), zero template glassmorphism rectangles, and zero unaligned floating pills. The entire experience must be an atmospheric, mathematically coherent 3D sculpture that reacts fluidly to scroll and cursor movement. --- ### CORE TECH STACK & LIBRARIES (CDN) Include these via unpkg/cdnjs in `<head>`: * **Three.js** (r128+) * **GSAP & ScrollTrigger** * **Lenis Smooth Scroll** (essential for momentum-based 60fps camera scrubbing) * **Fonts:** `Clash Display` or `Syne` for modern bold titles, paired with `Inter` for clean subheads. --- ### 1. 3D SCENE ARCHITECTURE & WEBGL PERFORMANCE * **Canvas Setup:** Fixed full-screen background canvas (`position: fixed; inset: 0; pointer-events: none; z-index: 1;`). * **Hardware & DPR Clamping:** ```javascript renderer.setPixelRatio(Math.min(window.devicePixelRatio, 1.5)); renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 1.2;
Response not available