WebGPU & TSL Course (Three.js Journey)

Bruno Simon's add-on course for the WebGPURenderer and TSL, the Three.js Shading Language. TSL is node-based and written in JavaScript, so you compose shaders alongside the rest of your Three.js code and the renderer compiles the graph to WGSL on WebGPU or GLSL on the WebGL backend, depending on the browser. You write the shader once, and existing GLSL knowledge carries over since only the syntax changes.

21 lessons, over 23 hours of video, first lesson free. It starts by porting a WebGL setup to WebGPU, then covers the TSL fundamentals: the Node versions of the built-in materials, which expose their nodes so you can extend a material instead of rebuilding it, and the several ways to inject per-instance data for instancing. The back half is build-along scenes to consolidate it.

An add-on rather than a starting point. It assumes you know Three.js and shader basics, with the Shaders chapter of the main course as the stated prerequisite. Includes a quiz per lesson, its own shareable certificate, the members-only Discord, lifetime access, and free updates.