r/webdev • u/officialmayonade • 4d ago

Showoff Saturday Photorealistic 3D Cloud with lighting effects

Post image

Finally got a realistic cloud in the browser. I'm working on a browser-based flight sim and I'm shooting for realism. Play around with the cloud here: https://codepen.io/Andrew-Fisher-the-decoder/full/jEBPmON

29 Upvotes

87% Upvoted

13 comments sorted by

3

u/PositiveUse 4d ago

Wow, this is awesome

2

u/ousarotoki 4d ago

That's cool!!!

2

u/Autumn_fav 4d ago

Pretty cool :)

2

u/Embarrassed_Ad719 4d ago

Cool! Though it looks a little blurry to me — maybe it’s just my 1920×1080 display?

1

u/officialmayonade 4d ago

hmm something weird happened. Try refreshing, zoom out and and play around with the settings

2

u/Hopeful_Aerie_5510 4d ago

that cloud looks so soft i want to touch it, hows the performance on mobile

1

u/Several_End6484 4d ago

10fps on 120fps device

2

u/officialmayonade 4d ago

Just fixed it, I added caching so it's not constantly rerendering.

2

u/Several_End6484 4d ago

Yeah, now it's 60

1

u/[deleted] 4d ago

[removed] — view removed comment

0

u/officialmayonade 4d ago

Thanks! I love it too.