WebGPU Glass Material Update
· 1:14 · Components · three.js, react-three-fiber, webgpu, tsl, shaders, source-code, creativecoding, reactthreefiber
Watch on YouTube · Subscribe to the channel
WebGPU Glass Material Update
Live demo:
This new glass material was only possible because of the incredible work of all the contributors at Poimandres who brought Mesh Transmission Material into the world.
My contribution focuses on adapting the material to TSL, making it fully compatible with WebGPU while preserving the features that make the original material so impressive. If you’re curious about the technical side, check the credits section for more details about the process.
This material will most likely become an integral part of the upcoming React Three Fiber v10 together with the new WebGPU-compatible version of Drei. I’m currently refining the source code and polishing the implementation before releasing it publicly. A vanilla three.js version will follow shortly after.
Excited to share more soon — stay tuned.
Links from the video
Related projects
- Advanced Glass — Coming soon for WebGPU