# WebGPU Advanced Glass Material for Threejs

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

Canonical page: https://andersonmancini.dev/videos/webgpu-advanced-glass-material-for-threejs

Published: 2026-08-19 · Duration: 2:53 · Category: Components · Tags: three.js, webgpu, shaders, creativecoding

Watch: [YouTube](https://www.youtube.com/watch?v=QOMUPoNdg50) · [Subscribe to the channel](https://www.youtube.com/@AndersonMancini?sub_confirmation=1)

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

- [Advanced Glass](https://andersonmancini.dev/projects/advanced-glass.md) — Coming soon for WebGPU

## Related articles

- [Glass that remembers what is behind it: transmission in WebGPU and TSL](https://andersonmancini.dev/blog/webgpu-glass-material.md)