{"repo":"verekia/tslfx","free":true,"listed":false,"github":"https://github.com/verekia/tslfx","clone":"git clone https://github.com/verekia/tslfx.git","description":"✨ TSLFX • Early-stage collection of VFX, utils, and SDFs for Three.js Shading Language (TSL)","language":"TypeScript","stars":112,"topics":["gamedev","glsl","threejs","tsl","vfx","webgl","webgpu","wgsl","shaders"],"license":"MIT","category":"game-templates","readme_excerpt":"✨ TSLFX ✨ Early-stage collection of VFX shaders, utils, and SDFs for Three.js Shading Language (TSL). The effects work with the WebGPU renderer and its WebGL backend fallback. To set up your project with WebGPURenderer , check out this repo. The examples use React Three Fiber but the shaders can be used with vanilla Three.js or any other wrapper. Getting started Vanilla Three.js React Three Fiber v9 RC Somewhere top-level in your project, extend MeshBasicNodeMaterial and declare its type: [!TIP] I like to put these in an extend.ts file that I import in my main entry file ( app.tsx in Next.js for example). You can then use meshBasicNodeMaterial in your scene: [!CAUTION] You should memoize any TSL logic to not re-create nodes on every render. Primitives and compositions Primitives are basic single effects. You can combine them together to create more complex effects, which I am calling \"compositions\" in this library. There is no API to combine them yet, but check out the code of the examples to see how it works. SDFs Some Signed Distance Functions (SDFs) ported from Inigo Quilez's website are included in the library: Timing-based animations The Timing example shows how to combine multiple effects triggered at different times over a given duration, with delays and durations per effect. All the effects have a normalized time uniform and a duration of 1 , and their timing is relative to the whole animation, making it easier to tweak them all at once and create slow-motion or speed","default_branch":null,"files":null,"tree":[],"storefront":"/r/verekia","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/verekia/tslfx/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}