Three.js: Introduction to WebGPU and TSL

TSL is the Three Shading Language, a powerful tool for 3D artists and it’s built into Three.js.
It’s an easy-to-use environment for creating shaders.

4 Likes

Nice video! Just two small additions:

  • TSL stands for Three.js Shading Language. We did not exclude the .js in the official resources (TSL Wiki and JSDoc) so far.
  • TSL can transpile to WGSL and GLSL. What shading language is targeted depends on the backend WebGPURenderer selects on a given device. WebGPURenderer supports both WebGPU and WebGL 2. If WebGPU isn’t available, it falls back to WebGL 2. You can also force the usage of WebGL 2 (e.g. for testing purposes) if you pass forceWebGL: true to the renderer’s constructor options.
1 Like