Threejs Advanced Glass Material for R3F - Perfume Example
· 1:55 · Components · three.js, react-three-fiber, shaders
Watch on YouTube · Subscribe to the channel
Some folks asked me about the difference between my Advanced Glass Material and the default Three.js MeshPhysical material using glass properties.
Mesh Physical works great for most glass-like surfaces, but has a hard time creating multi-layered glass surfaces.
With a Glass material that can see other glasses, you can create thick glass like the one in this example. The caustics also respond in real time, providing more realism to thicker glass objects.
Launching after Threejs Conference .
Related projects
- Advanced Glass — Coming soon for WebGPU