threejs-animation
Three.js animation guidance for keyframes, skeletal animation, morph targets, and animation blending.
CloudAI-X
Agents/Workflows/Docs
- 181 followers
threejs-asset-pipeline
Shrinking glTF assets for three.js with gltf-transform: inspect, validate and optimize commands, Draco, meshopt and quantization, KTX2, WebP and AVIF textures, the loader setup each output needs, and gltfjsx for React. Use when compressing, optimizing or validating 3D models before loading them.
threejs-fundamentals
Three.js scene setup guidance for cameras, renderer configuration, object hierarchy, and transforms.
threejs-geometry
Three.js geometry patterns for built-in shapes, BufferGeometry, custom meshes, and instancing.
threejs-interaction
Three.js interaction patterns for raycasting, controls, pointer input, and object selection.
threejs-lighting
Three.js lighting guidance for light types, shadows, environment lighting, and performance tuning.
threejs-loaders
Three.js asset loading patterns for GLTF, textures, HDR assets, async loading, and progress handling.
threejs-materials
Three.js material guidance for PBR, classic materials, shader materials, and material optimization.
threejs-performance
Measuring and optimizing three.js speed: render statistics, memory counters, fewer draw calls via merging, instancing, batching and LOD, fill rate, shadows, CPU work per frame, shader stalls and GPU compute for particles, WebGL or WebGPU with TSL. Use when a scene is slow, janks or exceeds memory.
threejs-postprocessing
Three.js post-processing techniques with EffectComposer, bloom, depth of field, and screen-space effects.
threejs-react-three-fiber
Building three.js scenes from React with React Three Fiber and drei: renderer setup, the scene graph as JSX, frame-loop, state and loading hooks, pointer events, and adaptive performance, on WebGL or with WebGPU and TSL. Use when writing React components that render three.js.
threejs-shaders
Three.js shader guidance for GLSL, ShaderMaterial, uniforms, and custom vertex and fragment effects.
threejs-textures
Three.js texture workflows for maps, UV mapping, environment maps, and texture configuration.