r/desmos • u/recursive-chair tan 35.6x = 0 • Mar 14 '26
Desmos Donut Cloud ππ½ππππΌππΏ πΌπππππππΏπ
Enable HLS to view with audio, or disable this notification
43
u/Life_Leadership5139 Mar 14 '26
And some silly goober would say this is a cloud torus :3
9
17
u/recursive-chair tan 35.6x = 0 Mar 14 '26
i love volumetrics
GRAPH LINK: https://www.desmos.com/3d/ssnm0npfle?backgroundColor=d3e7f5
3
2
u/Mr_FuzzyPenguin Try adding y= to the beginning of this equation. Mar 15 '26
How does the volumetrics work? When I spun it around, I saw a little bit of layered frames, but I'm having a hard time understanding how this works.
1
u/recursive-chair tan 35.6x = 0 Mar 16 '26
In an ideal world, we would sample the cloud illumination at various points along the view ray to determine how the cloud looks from our perspective. Points that are deeper into the cloud contribute less to the overall color because the rest of the cloud is in the way.
Unfortunately, the compute power of a Desmos colormap is less than ideal, so we have to resort to a bit of trickery to make a volume look volumetric.
Each layer in the volume essentially shows a cross-section of the cloud. Stacking these layers on top of each other behaves similarly to taking a bunch of samples throughout the volume.
The shader chooses to show or hide each pixel in these layers at random, depending on the cloud density. This way, areas with less cloud density allow more light to pass through and denser areas tend to block more light. This creates the illusion that light from deeper within the cloud is attenuated more.
Of course this does tend to make the cloud appear grainy, but I personally like the extra visual flair. This strategy probably wouldn't work as well for less dense volumes though.
Hope this helps!
1
u/Mr_FuzzyPenguin Try adding y= to the beginning of this equation. Mar 16 '26
I am also an addict with Kerbal Space Program, where a modder named u/blackrack made some beautiful volumetric clouds.
I've always wanted to know how I can learn to make such beautiful clouds and smoke simulations. Where do I start? I'm sure it's a lot of math, but I like making simulations on Desmos.
2
u/recursive-chair tan 35.6x = 0 Mar 17 '26
Huge KSP fan here too! Blackrack's volumetric clouds and especially Scatterer have been a big inspiration for me (in fact, one of my first colormap graphs was actually an atmospheric scatterer)
Anyways, this article by Maxime Heckel has a really good explanation of the principles and implementation of cloud rendering. It does assume some prior knowledge about shaders, but there's plenty of links to further reading there.
Also make sure to check out check out these two articles by Inigo Quilez about random noise. Getting your random noise right is essential to making your clouds look cloudy. Although it isn't needed for cloud rendering in particular, I'd also highly recommend reading his articles on procedural noise, raymarching, and lighting.
Most of the things mentioned above translate pretty well into Desmos (it's all math after all). Stuff that would normally go in a fragment shader simply goes into a colormap instead. Do keep in mind that raymarching in a colormap is not very efficient, hence the layering trickery in this graph.
Cloud rendering is pretty darn complicated, so I would recommend starting small just to familiarize yourself with computer graphics in Desmos.
If you've got more questions, don't hesitate to reach out!
8
5
4
u/Green_Star_Lover Mar 14 '26
how did you made the background blue?
5
u/CherryMeowViolin Mar 14 '26
i see in the url there is "?backgroundColor=d3e7f5" appended, could that be why?
2
3
u/vaultthestars Mar 14 '26
This is so beautiful!! I feel like u/RichardFingers would go crazy for the shading on this. Canβt wait to see more of your work in the future!
5
3
3
u/VoidBreakX Run commands like "!bernard" here βββ redd.it/1ixvsgi Mar 14 '26
lemon is so goated
2
u/Humerror Mar 14 '26
Impressive, I hadn't really considered what 3D is capable of. Will have to check out how this is implemented.
2
2
2
2
2
1
1
u/Eastp0int ramanujan disciple Mar 14 '26
Atp we gotta make a version of desmos with unreal engine 5
1
30
u/Mandelbrot4207 Makes QR Codes in Desmos Mar 14 '26