Live: Source: You can download this to start your scenes with #r3f, #threejs WebGPU Renderer, and Post-Processing using #tsl. I also converted my jet engine shader from GLSL to TSL using the transpiler. It works like a dream😍. I added the Royal Naboo starship in the scene to show... how Screen Space Reflections reacts to all metallic surfaces, not just the floor. I hope you like it. Please give me a star⭐️on GitHub if you can. #threejsJourneyshow more

Nice one Anderson! Definitely will reference to this code as one of my first step into TSL in R3F! I wonder what do you think about after using threejs example SSR, especially in term of performance? Just looking for more opinion on this thread:

Thanks mate. In my opinion, the new webgpu post-processing pipeline is creating an Uber will shader in the end by using TSL. I can see a boost in performance and stability with this new version. The actual SSR implementation we have for the non-WebGPU r3f version is still under development. I love it, and it has some advantages in terms of visuals, like depth blur. But it is not as stable as this new WebGPU SSR. If I had to use this effect in production today, I would probably go with the new TSL version.

RT @InstaMAT_io: 👀 Are you looking for an alternative to Adobe Substance tools? Do not miss out on InstaMAT from killer node-based material…

Awesome!

Thank you very much Chris 😊

Woooa, amazing! I love it! Thank you!

Thanks Sebastien ☺️. How is the performance for you?

great work, I'm curious does WebGPU work on all devices or are there still some limitations? thanks in advance

Thanks mate. With the fallback system, it works almost everywhere. It is hard to say when it is running under the webgl or WebGPU pipeline. I can see a performance boost on my MacStudio so I guess it is running on WebGPU. There are limitations on the r3f side for now, because some of the Drei components we love are not working on the webgou renderer and there is no fallback. For example, we can't render text for now, or use contact shadows, etc. You can follow @verekia git repo to find some more deep information about it:

Sick mate! Thanks for open-sourcing the code. Just clicked on a star button on github.

Thanks mate 🤗. I can't wait to see what you going to create with it 🤗.