Interactive Text Destruction with Three.js, WebGPU, and TSL
In Tutorials, by Lolo Armdz
Learn how to create an interactive 3D text effect where letters explode into dynamic shapes using Three.js, WebGPU, and Three Shader Language (TSL).
6 posts tagged with
Matrix Sentinels: Building Dynamic Particle Trails with TSL
In Tutorials, by MisterPrada
A step-by-step guide to creating particle trails with TSL (Three.js Shader Language), simulating dynamic movement in 3D space.
WebGPU Scanning Effect with Depth Maps
In Playground, by deadrabbbbit
An exploration of a scanning effect using depth maps, custom shaders, and WebGPU rendering.
Rendering a Procedural Vortex Inside a Glass Sphere with Three.js and TSL
In Tutorials, by MisterPrada
A step-by-step guide to creating a procedural vortex inside a glass sphere using Three.js Shader Language (TSL).
Interactive 3D with Three.js BatchedMesh and WebGPURenderer
In Playground, by Christophe Choffel
A breakdown of a Three.js demo using BatchedMesh for efficient mesh rendering and exploring the new post-processing pipeline with TSL.
How to Create a Liquid Raymarching Scene Using Three.js Shading Language
In Tutorials, by Ben McCormick
An introduction to Raymarching using the power of Signed Distance Fields (SDFs) and simple lighting to create a liquid shape effect.
