Floating Crystal
React Three Fiber sample: a floating crystal with local lights and contact shadows (no remote HDR fetch).
Usage
- Install
three,@react-three/fiber, and@react-three/drei. - Copy
src/FloatingCrystal.tsx(andregistry/shared/webglhosts for the same preview safeguards). - Mount inside a full-size container.
Notes
- Uses
R3FCanvasfor WebGL probe, error boundary, DPR clamp, and frameloop pause. - Heavy GLTF/HDR assets should stay out of the catalog bundle — prefer thin demos or
delivery: "repo".