Builds advanced 3D web experiences and interactive graphics using Three.js and React Three Fiber.
The Three.js Scene Builder skill empowers developers to create complex 3D environments, character-driven games, and data visualizations directly within the browser. It provides a robust framework for handling scene architecture, PBR materials, animation retargeting from sources like Mixamo, and integrated post-processing effects. Whether you are setting up a basic WebGL canvas or developing a full-scale 3D avatar system with NPC AI, this skill offers the boilerplate, optimization patterns, and procedural logic required for high-performance graphics development.
Key Features
01Integrated post-processing with Bloom and SSAO effects
02Complete Three.js and React Three Fiber (R3F) boilerplate setup
03Animation controller for retargeting and cross-fading actions
04Advanced PBR, Glass, Toon, and Glowing material libraries
05GLTF/Draco model loading with shadow and texture optimization
062 GitHub stars
Use Cases
01Developing interactive 3D product configurators or data visualizations
02Setting up avatar systems with Ready Player Me integration
03Creating browser-based games with character controllers and NPC AI
