threejs-impl-react-three-fiber
Installation
SKILL.md
threejs-impl-react-three-fiber
Quick Reference
Canvas Component Props
| Prop | Type | Default | Purpose |
|---|---|---|---|
gl |
Renderer props | (canvas) => Renderer |
{} |
WebGL renderer config or factory |
camera |
Camera props | THREE.Camera |
{ fov: 75, near: 0.1, far: 1000, position: [0,0,5] } |
Default camera |
scene |
Scene props | THREE.Scene |
{} |
Scene configuration |
shadows |
boolean | ShadowMapType |
false |
Enable shadow maps |
raycaster |
Raycaster props |
{} |
Raycaster configuration |
frameloop |
"always" | "demand" | "never" |
"always" |
Render loop strategy |
resize |
ResizeOptions |
{ scroll: true, debounce: { scroll: 50, resize: 0 } } |
Resize behavior |
orthographic |
boolean |
false |
Use OrthographicCamera |
dpr |
number | [min, max] |
[1, 2] |
Device pixel ratio |
linear |
boolean |
false |
Linear color space |
flat |
boolean |
false |
Disable tone mapping |
Related skills