正在加载视频...

视频加载失败

Following ☄︎ work, I'm experimenting with some react three fiber with #threejs webGPU. We no longer need an EffectComposer to use post-processing effects in #r3f. Now, everything is done by composing TSL nodes. I created a small component that helps in rendering post-processing effects. All you need to do...

26,339 次观看 • 1 年前 •via X (Twitter)

12 条评论

Anderson Mancini 的头像
Anderson Mancini1 年前

Here is a GIST of my WebGPUPostProcessing component, in case you need it.

Anima 的头像
Anima1 年前

📢It is live! @figma design to @MUI_hq or @AntDesignUI "Whether your design is well organized or a bit chaotic, using standard components or none, Anima takes it all and translates it into high-quality #MUI or #AntDesign code."-->

Anderson Mancini 的头像
Anderson Mancini1 年前

Some stills 📸

Aaron Grider 的头像
Aaron Grider1 年前

@0xca0a Was literally planning on messing with R3F + post processing tonight! This saves a ton of time!

The Ebenezer 的头像
The Ebenezer1 年前

@0xca0a This looks great, Anderson!! Looking forward to learning more about this technique. Do you think that it will have the same benefits in terms of performance as the pmndrs postprocessing library?

Anderson Mancini 的头像
Anderson Mancini1 年前

Thanks mate! It is much, much better. The performance is outrageously good. Being able to have access to the depth of the scene, for example, within one single pass, is something that would never be possible without WebGPU, not to mention a bunch of other things like Backdrop, etc. It is a completely different way to interact with 3D scenes like never before. The TSL composition possibilities are almost endless.

David McBacon | Bachoff Studio 🟧 的头像
David McBacon | Bachoff Studio 🟧1 年前

@0xca0a wow .. are threejs webgpu and tsl nodes a new thing? Haven’t heard about them yet.

Anderson Mancini 的头像
Anderson Mancini1 年前

@0xca0a Yes hehe. This is the new theeejs version optimized for webgpu api. You can. Read more about it here:

Nestor Rios Garcia 的头像
Nestor Rios Garcia1 年前

@0xca0a Amazing Anderson ❤️

Sylwester Mielniczuk 🔮💎 的头像
Sylwester Mielniczuk 🔮💎1 年前

@0xca0a we do not need react to be always in a weird way mentioned at the front of our beloved webgl/webgpu library ThreeJS #threejs

Esteban 的头像
Esteban1 年前

@0xca0a This is amazing man! I'm watching this on a loop and discover a new beautiful detail every time.

Anderson Mancini 的头像
Anderson Mancini1 年前

@0xca0a Thank you my friend. I hope you like end result 🤗

相关视频