Three.js WebGPURenderer and TSL Tutorials

Welcome to the Three.js TSL Tutorials! This series is designed to help you explore and master the Three.js Shading Language (TSL) and its integration with the WebGPURenderer. Whether you're just starting out or looking to deepen your understanding, these tutorials will guide you through creating shaders and utilizing the powerful new features offered by Three.js.

WebGPU API Tutorials

A step by step guide through the new WebGPURenderer API.

Part 1: Fragment/Vertex Shaders

In this tutorial, dive into the basics of applying vertex and fragment shaders to node materials using TSL.

Tutorial Link

Part 2: Compute Shaders

Coming soon!

Part 0: Author Sketchbook

The sketchbook and test code for future tutorials. Not intended to be used for educational purposes.

Three.js Examples Explainer

Shorter explorations of the official Three.js WebGPU samples.

Coming soon!