TSL : Getting Started
Channel:
Subscribers:
24,800
Published on ● Video Link: https://www.youtube.com/watch?v=LH1Pm7xW5Mo
8Playlist : • Three.js Shading 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
#ThreejsShadingLanguage
#threeShaderLanguage
Other Videos By SBCODE
| 2025-03-23 | An old well, with a dog barking in the background |
| 2025-03-22 | Perfectly smooth landing |
| 2025-03-20 | #soweczka eurasian pygmy owl |
| 2025-03-20 | A glitch in the matrix |
| 2025-03-20 | #tatra #tatry |
| 2025-03-18 | Learn Threejs Shading Language and Signed Distance Fields |
| 2025-03-03 | Learn Threejs Shading Language and Signed Distance Fields |
| 2025-03-02 | #lamb #newborn Not going to make it :-( |
| 2025-03-02 | #lamb #newborn A minute after being born. |
| 2025-03-01 | #sundial |
| 2025-02-28 | TSL : Getting Started |
| 2025-02-23 | #horizonSails #stackpack #sailing |
| 2025-02-22 | TSL : Raymarching |
| 2025-02-20 | TSL : Colouring SDFs |
| 2025-02-19 | TSL : Distance Lines |
| 2025-02-18 | TSL : Signed Distance Fields |
| 2025-02-17 | #ScratchedWoodenFloor |
| 2025-02-15 | #jammedFurler |
| 2025-02-14 | TSL : Uniform and UniformArray |
| 2025-02-13 | #jammedFurler #thamesEstuary |
| 2025-02-13 | TSL : Lines - Part 2 |