r3f-fundamentals

React Three Fiber interaction skills covering pointer events, camera controls, gestures, and selection for building interactive 3D web experiences.

React Three Fiber geometry skill for creating 3D shapes, custom meshes, BufferGeometry, point clouds, lines, and instanced rendering optimization with Drei

React Three Fiber post-processing skill covering bloom, depth of field, color grading, vignette, screen effects, and custom screen-space shaders via @react-three/postprocessing

React Three Fiber materials skill providing accurate, up-to-date API references for R3F, Drei, and the Three.js ecosystem with idiomatic React 3D patterns.

React Three Fiber physics skill for Rapier integration covering RigidBody, colliders, forces, joints, sensors, character controllers, and interactive physics-based experiences

React Three Fiber shader development skill providing accurate, up-to-date API references for R3F, Drei, and the Three.js ecosystem with idiomatic React 3D patterns.

React Three Fiber animation skill covering useFrame, useAnimations, spring physics, keyframes, procedural motion, and GLTF animation playback

React Three Fiber lighting skill covering light types, shadow configuration, Environment component, image-based lighting (IBL), and lighting performance optimization

React Three Fiber asset loading skill covering useGLTF, useLoader, Suspense patterns, preloading strategies for 3D models, textures, and HDR environments

Provides React Three Fiber texture handling guidance including useTexture hook usage, PBR texture sets, environment maps, cubemaps, HDR environments, and texture configuration best practices.