oh-my-prd-website

Orchestrate this site's one-shot cinematic scroll with GSAP 3.15 ScrollTrigger + Lenis — pin the stage, scrub 12 acts, reveal text by line/word, and feed a single scroll progress scalar to the Three.js canvas. Use when writing lib/scroll/useCinematicScroll.ts, CinematicStory act timelines, or any scroll-linked reveal. Enforces the transform/opacity-only, single-rAF, reduced-motion rules.

PixiJS v8 for fast 2D WebGL — kept as a fallback/degrade tool for this site (Three.js owns the primary 3D canvas). Use when a cheap 2D fluid background, particle field, or a flat 2D projection of the 需求图谱 is needed on mobile / low-power / reduced-motion paths, or if a 2D layer is ever preferred over 3D. Covers v8 async init, particle/graphics batching, ticker整合, and the site's teal material language + 60fps rules.

Build and tune Three.js (r185) WebGL scenes for this site — the single fixed full-screen canvas that morphs 流体场 → Requirement Core → 3D 需求图谱 → 生命周期轨道. Use when writing anything under components/webgl/ (RequirementCanvas, graph, shaders), driving uniforms/camera from scroll progress, or hitting the 60fps bar. Covers instanced force-directed graphs, GLSL fluid, DPR/perf discipline, React 19 + Next 16 client-component integration, and reduced-motion/mobile degrade.