Threejs_TSL_Tutorials

KO | EN

gitlite — search

#javascript #python #react #ai #rust #linux #docker #macos #cli #awesome-list #pytorch #ios #mcp #open-source

Threejs_TSL_Tutorials

(★ 18)

💪 Code repository for Threejs TSL/WebGPURenderer Tutorials

Threejs_TSL_Tutorials Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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](https://medium.com/@christianhelgeson/three-js-webgpurenderer-part-1-fragment-vertex-shaders-1070063447f0)

![Footlight Cuberade 2](https://github.com/user-attachments/assets/19ae66b9-cc45-463d-863c-61dd7e791326)

### 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!*

Threejs_TSL_Tutorials

Threejs_TSL_Tutorials Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Threejs_TSL_Tutorials

Threejs_TSL_Tutorials Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README