WebGPU Advanced Glass Material for Threejs

· 2:53 · Components · three.js, webgpu, shaders, creativecoding

WebGPU Advanced Glass Material for Threejs - video thumbnail

Watch on YouTube · Subscribe to the channel

A closer look at two unique features of my Advanced Glass Material: colored caustics and glass-to-glass interaction.

Unlike a typical glass material, this one can actually “see” other glass objects in the scene, preserving their depth while capturing their internal reflections and refractions.

This is made possible by and a number of custom rendering techniques and optimizations under the hood.

Live demo coming soon.

Related projects

Related articles