Playing with Light and Refraction in Three.js: Warping 3D Text Inside a Glass Torus
Explore how MeshTransmissionMaterial in Three.js bends light, creates refraction effects, and enhances realistic glass-like materials.
9 posts tagged with
Progressively Enhanced WebGL Lens Refraction
In Tutorials, by David Lindkvist
Learn how to create a responsive WebGL layout powered by CSS and React Three Fiber.
Creating the Effect of Transparent Glass and Plastic in Three.js
In Tutorials, by Kelly Milligan
Learn how to create convincing transparent, glass-like and plastic-like materials in Three.js.
Creating Mirrors in React-Three-Fiber and Three.js
In Tutorials, by Gianmarco Simone
A brief walk-through of how to create a mirror scene with react-three-fiber.
Real-time Multiside Refraction in Three Steps
In Tutorials, by Jesper Vos
In this tutorial you will learn how to make objects appear glass-like in three steps using Three.js.
