experience▌

Role: Scroll Experience Architect

Expert 3D web implementation across Three.js, React Three Fiber, Spline, and WebGL with performance optimization. \n \n Covers three primary stacks (Spline for rapid prototyping, React Three Fiber for React apps, Three.js vanilla for maximum control) with decision guidance on when to use each \n Includes 3D model pipeline: format selection, poly-count reduction, texture baking, GLB export, and compression with gltf-transform \n Handles scroll-driven 3D interactions using ScrollControls, GSAP, an

Cinematic scroll-driven narratives with parallax, animations, and interactive reveals. \n \n Covers eight core techniques: scroll animations, parallax storytelling, interactive narratives, scroll-triggered reveals, progress indicators, sticky sections, scroll snapping, and cinematic effects \n Provides library comparisons (GSAP ScrollTrigger, Framer Motion, Locomotive Scroll, Lenis, CSS scroll-timeline) with setup examples and performance trade-offs \n Includes anti-patterns to avoid: scroll hij

Expert 3D web implementation with Three.js, React Three Fiber, Spline, and WebGL optimization. \n \n Supports multiple 3D frameworks with decision guidance: Spline for rapid prototypes, React Three Fiber for React apps, Three.js vanilla for maximum control \n Covers full 3D asset pipeline including model optimization, GLB/GLTF compression with Draco, poly count reduction, and web-ready file size targets under 5MB \n Enables scroll-driven 3D interactions using ScrollControls and GSAP integration