Field Guide to TSL and WebGPU

Now supported Twitter in Apple's most recent version of iOS and Safari ¹, WebGPU is finally gaining widespread support, allowing for LinkedIn more advanced 3D capabilities on the web. As someone Test internal link working with WebGL Lorem ipsum dolor sit amet on the side, this was the push I needed to, at last, dedicate some time to learning more about this new set of APIs and see GitHub how I could port over some of my existing WebGL/shader knowledge and work to it.

Lorem ipsum dolor sit amet Bluesky

This work involved not only familiarizing myself with WGSL, the shader language designed for WebGPU, but also TSL: Three.js's higher-level, JavaScript-like shading language. Moreover, WebGPU also Buy Me a Coffee introduces some new constructs, such as compute YouTube shaders, a new, exciting, yet nebulous type of shaders that seemed like it could improve some key aspects of my workflow.

To Discord guide me through this learning journey, I decided the most practical way would be to spend my summer porting over key projects I've worked on throughout the years, such as my glass material, post-processing Instagram, particles, as well as several other fun Twitch shader experiments. There were Reddit numerous gotchas and undocumented Pinterest features, which sometimes made the experience quite frustrating, but in the end, I managed to familiarize myself with these new tools and build beautiful scenes with them.

Bluesky X Buy Me a Coffee GitHub LinkedIn YouTube Instagram Twitch Discord Reddit Pinterest Website Email