webgpu-threejs-tsl
Build Three.js visual effects with JavaScript.
What it does
Guides development of Three.js applications with GPU shaders, compute simulations, and visual effects written using TSL.
When to use it
Use when setting up Three.js WebGPU rendering, creating TSL materials or compute shaders, building post-processing pipelines, or migrating GLSL shaders.
How to use it
It changes how the agent develops Three.js rendering and shaders by using the WebGPU entry point and TSL node materials.
What you provide
- An existing project
What you need · 2
The guide is about the Three.js library; it recommends r171 or later for stable TSL and requires a separate three/webgpu import map entry.
Running the WebGPU application examples requires a browser exposing WebGPU through navigator.gpu.
Access · 1
This skill
webgpureport.org
Checks GPU support on webgpureport.org