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.
reflection
18 posts
Reflection Scroll Effect
In Playground, by Manoela Ilic
A decorative reflection effect where we simulate a reflected page and scroll it along with the content.
Creating an Interactive Mouse Effect with Instancing in Three.js
In Tutorials, by Daniel Velasquez
Explore the fundamentals of Three.js Instancing in this tutorial, learning how to optimize GPU performance and efficiently render large numbers of objects.
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.
Magical Marbles in Three.js
In Tutorials, by Matt Rossman
Adding volumetric effects to a built-in Three.js shader.
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.
How to Create the Apple Fifth Avenue Cube in WebGL
In Tutorials, by Lorenzo Cadamuro
A tutorial on how to re-create the Apple Fifth Avenue Cube animation using WebGL.
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.
Creating a “Jump Loader” Animation with SVG and GSAP
In Tutorials, by Chris Gannon
Learn how to create a playful “Jump Loader” animation with SVG and GSAP.
