Loading video...

Video Failed to Load

Go Home

Flight simulator update✈️. I created a new volumetric cloud material using #r3f for #threejs. It is based on a ray marched shader, meaning good performance. Let me know in the comments if this is something interesting to be a future component🙏🏻. Live link soon. #threejsJourney

15,060 views • 2 years ago •via X (Twitter)

35 Comments

Anderson Mancini's profile picture
Anderson Mancini2 years ago

YouTube video(Twitter video compression is too aggressive): I learned to read the scene depth from @akella: Learned Ray marching + threejs from @3d_visionary: This took 2 weeks to implement 🤯.

Cody Bennett's profile picture
Cody Bennett2 years ago

Raymarching is not good for performance nor free, to the extent that most production volumetric clouds subsample or amortize rendering over several frames. Software depth testing like I demonstrate in doubles geometry cost also if done at full res.

Anderson Mancini's profile picture
Anderson Mancini2 years ago

Hey Cody. Thanks for the reply. I agree. But the other options we have for volumetric clouds are just not working for now. I tried this example: but it was running slow here. So, I created a mixed version of that shader and now it is working 120fps.

Silas Reinagel ⚛️'s profile picture
Silas Reinagel ⚛️2 years ago

@alanmelling Here are some beautiful volumetric clouds!

Ebenezer's profile picture
Ebenezer2 years ago

Wow! Anderson, this is fantastic! 🤩✨ Would love to learn this technique! 🙏

Anderson Mancini's profile picture
Anderson Mancini2 years ago

@th_ebenezer Thanks Ebe! I'm sure you already know it. I use it differently hehe. Your stuff is way more advanced than mine ;)

Piotr Obidowski's profile picture
Piotr Obidowski2 years ago

Nice job!

Anderson Mancini's profile picture
Anderson Mancini2 years ago

Thank you ;)

Richard Paul's profile picture
Richard Paul2 years ago

Great work Anderson 💯 I am curious to try it out

Anderson Mancini's profile picture
Anderson Mancini2 years ago

Thank you Richard :)

Julianvelezg's profile picture
Julianvelezg2 years ago

Awesome work bro

Roman Moor's profile picture
Roman Moor2 years ago

💯could be very cool for moody scenes, making it more interesting than just fogExp

Anderson Mancini's profile picture
Anderson Mancini2 years ago

Thanks. Indeed. This is more flexible and we can control any aspects of the cloud like the movement, the density, and much more.

Alvaro アルバロ's profile picture
Alvaro アルバロ2 years ago

@marcba is your chance to create the same with @tresjs_dev 😜

Alex L+ 🎧's profile picture
Alex L+ 🎧2 years ago

Can’t wait for the link 🙂

Anderson Mancini's profile picture
Anderson Mancini2 years ago

I will DM you ;).

scott_autosave.blend's profile picture
scott_autosave.blend2 years ago

That looks astonishing!

Anderson Mancini's profile picture
Anderson Mancini2 years ago

Thank you Scott :)

Publi AR 📲's profile picture
Publi AR 📲2 years ago

I'm going to leave you a comment, spectacular, impressive, what else can I say, it's fantastic and I like it from your humility, you want to continue improving yourself, my congratulations, I won work.

Anderson Mancini's profile picture
Anderson Mancini2 years ago

Thank you very much for the kindness :). I still have at least more 10 years to learn about this hehe. I'm just starting it.

Aurelien Vigne's profile picture
Aurelien Vigne2 years ago

Impressive work! 👏👏👏

Anderson Mancini's profile picture
Anderson Mancini2 years ago

Thanks you my friend 😍

.dev's profile picture
.dev2 years ago

This is amazing boss 🔥🔥

Maxwell Kirwin's profile picture
Maxwell Kirwin2 years ago

Keep up the good work dude! 🤘

Anderson Mancini's profile picture
Anderson Mancini2 years ago

Thank you buddy 🙏🏻

Sébastien Lempens - PIXILA's profile picture
Sébastien Lempens - PIXILA2 years ago

Of course yes :)

Chris Lane Jones's profile picture
Chris Lane Jones2 years ago

Whoa, this is amazing!

Anderson Mancini's profile picture
Anderson Mancini2 years ago

Thank you Chris ;)

Sylwester Mielniczuk 🔮💎's profile picture
Sylwester Mielniczuk 🔮💎2 years ago

is it Composer, does it work in WebXR?

Anderson Mancini's profile picture
Anderson Mancini2 years ago

It is not a composer. It is just a plane. But I don't know if it would work because shaders, especially ray marched ones, are challenging for WebXR. But I will give a try and see what happens hehe.

Nik Lever's profile picture
Nik Lever2 years ago

Looks great

Anderson Mancini's profile picture
Anderson Mancini2 years ago

Thank you so much Nik :)

xar's profile picture
xar2 years ago

clean as usual

Anderson Mancini's profile picture
Anderson Mancini2 years ago

Thank you my friend ;)

Pereira's profile picture
Pereira2 years ago

Amazing. Simple but with awesome results 🤩

Related Videos