Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results
Also searching for TSL (Three Shading Language), because “tsl-three-shading-language” is another name for it.
20 results for “tsl-three-shading-language”.
- Showcase
Yusef Nsar Turns a Portfolio Into a 3D AI Timeline
A React Three Fiber portfolio built as an infinite 3D timeline, using WebGPU, compute shaders, TSL nodes, GSAP, and AI-driven interactive elements.
- Showcase
Interactive Physics With a TSL Fisheye Lens
Nikita Frolov combines physics-driven motion, glass refraction, iridescent metal, post FX, and a custom TSL fisheye node in a compact WebGPU experiment.
- Showcase
Jaime Torrealba Builds a Moonlit Field Portfolio in Three.js
A personal Three.js portfolio staged as a moonlit field, with TSL, GPU grass simulation, volumetric smoke, procedural trees, fireflies, and camera-driven movement.
- Showcase
Shining Turns WebGPU Into A Small 3D Storybook
Chanwoo Hwang’s Shining is a short 3D interactive storybook built with Three.js WebGPU, using pages, light, and spatial scenes as the interface.
- Showcase
ASTRODITHER Turns Audio Into WebGPU Signal Noise
Robert Borghesi’s ASTRODITHER is an audio-reactive Three.js WebGPU experiment using TSL, fluid simulation, bloom, dithering, and time-warped signal noise.
- Showcase
Evian's Bicentennial WebGPU World, Where Rain Runs Downhill
Evian's 200th turned into an alpine scene that hands everything to the GPU: rain that lands on peaks and streaks down the slopes, one wind texture every object obeys, lightning generated fresh on each strike, and 20,000 particles colliding against an SDF instead of meshes.
- Showcase
Real-Time Global Illumination in the Browser With SATORI Engine
A WebGPU renderer where light actually bounces. Color bleeds across walls, reflections fade off the frame, and the sun slides overhead while exposure holds steady. Built on TSL nodes with a single MRT pass feeding screen-space GI and reflections. Open the GUI and break something.
- Showcase
GPU-Side Physics: A Three.js WebGPU Compute Demo
Thousands of instanced bodies tumble and collide, with the entire physics step running on the GPU through WebGPU compute and Three.js TSL. No CPU round trip, no framerate flinch. A clean little workbench from Kevin Levron, built to inspect, tweak, and learn from.
- Showcase
Shader Lab: Stack, Animate, and Export GPU Shaders in the Browser
A layered shader compositor that runs on WebGPU. Stack gradients, text, and TSL passes, then bend them through a CRT layer that models phosphor smear and channel convergence. Write shaders as node graphs, keyframe the knobs, and export the whole thing into React.
- Showcase
Dev From 2047: A WebGPU Portfolio Experiment in Vue and TSL
A shelved WebGPU portfolio experiment from LUCERRÁ. Vue and Theatre.js sequence the camera, TSL handles shader transitions, and the whole thing reads as choreography rather than layout. The version that did not ship, which is usually where the more interesting code lives.
- Showcase
IVRESS by Utsubo: A WebGPU Story That Refuses Light
A lone traveler in a world that refuses light. Built on Three.js's WebGPURenderer with a WebGL fallback and TSL shaders running on both backends. Utsubo's brand site for IVRESS reads like a short film, and the CTO behind it maintains the WebGPU side of three.js itself.
- Showcase
Patina Preview: Real-Time Procedural Weathering in Three.js and TSL
A small procedural PBR playground by codetaur where metal ages in real time. Oxidation pools in the cavities, highlights dull from mirror to milk, and the whole surface rewrites itself through a Three.js TSL node graph running on WebGPU.
- Showcase
Shader.se: An 80s Corporate Tape Rendered in WebGPU
A Swedish studio's landing page done up like a 1987 training reel, with chunky type and confident geometry giving way to scene transitions that only make sense on a modern GPU. Built with Three.js on WebGPU and shaded with TSL.
- Showcase
False Earth: A GPU-Driven Procedural Planet Built with WebGPU, TSL, and Three.js
An astronaut walks an alien planet that responds to every step. Over 1M grass blades, procedural terrain, and VAT-animated roses, all running in the browser via WebGPU compute shaders, TSL, and React Three Fiber.
- Showcase
Vermeer's Milkmaid Dissolved into WebGPU Particles
Revelium Studio broke Vermeer's 1658 Milkmaid into thousands of GPU-driven particles using WebGPU and Three.js TSL. Color-sampled from the original painting, the result is a particle cloud that somehow still holds the composition together. Worth a long stare.
- Showcase
Softbody Tetris: A Squishy WebGPU Remake That Plays Different
Niklas Niehus rebuilt Tetris with soft body physics running entirely on WebGPU via Three.js TSL. Blocks deform on impact, wedge into gaps, and create emergent gameplay the original never had. Fully playable in your browser.
- Showcase
Aurelia: Fully Procedural Jellyfish with WebGPU
A real-time procedural jellyfish built with Three.js WebGPURenderer. Bell contractions, verlet tentacles, and iridescent shaders are all generated on the fly in TSL. No baked textures, just pure GPU compute.
- Showcase
Utsubo
Utsubo’s new site drops you into a slick WebGPU-powered experience featuring a real-time cheetah, custom shaders, and gorgeous transitions. Built with Three.js’s WebGPURenderer, it’s part portfolio, part tech flex and absolutely worth a few replays.
- Showcase
Prinzipiell Tinker Series
Frank Reitberger’s Tinker series is a collection of WebGL and WebGPU experiments exploring procedural geometry, modular shaders, and real-time rendering in the browser. Each project builds on the last, offering sharp techniques and inspiration for anyone working with Three.js or TSL.
- Showcase
Singularity: A Black Hole Simulation
A fully raymarched black hole in your browser (glowing accretion disk, gravitational lensing, radiation noise) all built with Three.js, TSL, and WebGPU. No geometry, just math. A cosmic shader experiment pushing real-time web graphics to the edge.
