TSL : Getting Started

Channel:

SBCODE

Subscribers:

24,800

Published on February 10, 2025 1:00:54 PM ● Video Link: https://www.youtube.com/watch?v=VQ6kFMFgRT8

Duration: 0:00

76 views

4

Channel Membership :
Playlist :    • Three Shader Language (TSL)  
Documentation : https://sbcode.net/tsl/getting-started/

What is TSL
TSL (Three Shader Language) is a high-level shader abstraction in Three.js.
It helps write shaders in a structured, readable way instead of writing raw GLSL or WGSL.
We write it directly in our JavaScript / TypeScript files.
It is best suited for when you want to write customised vertex, fragment and/or compute shaders.

In the video, we discuss,
using import maps,
using a build tool,
downloading a boilerplate,
setting up a development environment,
and see a working version of TSL running from our own computer.

#three
#threejs
#tsl
#threeShaderLanguage