I'm experimenting with some react three fiber with #threejs webGPU. We don't have an EffectComposer to use post-processing effects in #r3f with WebGPU API. Now, everything is done by composing TSL nodes. I created a small component that helps in rendering post-processing effects... - ThreadSky

About ThreadSky

andersonmancini.bsky.social • 45 days ago

I'm experimenting with some react three fiber with #threejs webGPU. We don't have an EffectComposer to use post-processing effects in #r3f with WebGPU API. Now, everything is done by composing TSL nodes. I created a small component that helps in rendering post-processing effects...

Comments

andersonmancini.bsky.social•45 days ago

All you need to do is import the effects you want and add them to the final composition. I will share the link to the demo and source code on Monday 😍.

Another thing I want to highlight is how amazing the Screen Space Reflection effect is....

andersonmancini.bsky.social•45 days ago

It is able to calculate the reflections between the meshes. Look how beautiful the reflection of the lightsaber on Darth Vader's mask is.

Congratulations to everyone on the threejs team. I am increasingly impressed with WebGPU and TSL.

hmans.dev•45 days ago

For someone who hasn't really been keeping up with Three.js for the past 2 years, what would be a good starting point to catch up with TSL and the new renderer?

andersonmancini.bsky.social•45 days ago

Hey mate. I think the best place is this: https://github.com/mrdoob/three.js/wiki/Three.js-Shading-Language

This covers everything important for vanilla threejs. You have a lot of TSL examples on theeejs official examples page.

For r3f: https://github.com/verekia/three-gpu-ecosystem-tests