Imported
Models&Shaders
Enhance your 3D scenes with custom shaders and optimized assets
Learn to enhance your imported GLB models with powerful custom GLSL shaders. By combining optimized 3D assets with programmable graphics, you can achieve unique visual effects like the procedural steam shown below, all while maintaining excellent performance in your React application.
GLSL Ready & Optimized GLB
Ready for advanced graphics, the project's GLSL setup supports direct import of vertex and fragment shaders. This enables the creation of high-performance, custom materials and effects integrated seamlessly into the scene.
The workflow also includes a Model Optimizer. This tool compresses raw 3D models into optimized GLB files and generates ready-to-use React components, ensuring your assets are performant and easy to implement.