Get to grips with ThreeJS Shading Language (TSL)

I’ve been creating a series of articles giving advice on using TSL. Since there is so little documentation for TSL available I hope this helps.
https://niklever.com/getting-to-grips-with-threejs-shading-language-tsl/

11 Likes

These lessons are quite useful for learning TSL and gaining some hands-on and brain-on skills. Thanks for posting them (and thanks for mentioning TSL textures).

5 Likes

Really cool demo.

I have an NVIDIA RTX 2080 Mobile and (after enabling “Unsafe WebGPU Support” in Chrome), the CodePen runs at about 1 FPS. This is not a criticism but me looking for understanding on why this might be, since it seems quite odd to me. I’m on Linux and it’s possible it could to the fact that I’m using Wayland w/ NVIDIA.

I want to use TSL but it seems quite unstable for a web app at the moment – some examples on threejs.org say I don’t have WebGPU support (in Brave, my primary browser, without adjusting browser flags) and others work fine (all using TSL).

I’m not sure what constitutes ‘unsafe’ WebGL code at this point exactly, or why your demo is deemed unsafe for Chrome, but I hope to be able to use TSL reliably (for customers of my web app) ASAP.

I appreciate the post. Thanks a lot.

Does this help Reddit - The heart of the internet

1 Like