Ghibli Desktop & Mobile Clouds
Last updated
Last updated
The COZY Ghibli clouds are a completely different way to display clouds in the COZY ecosystem. In the Ghibli style clouds are made of a few voronoi noise functions that are spliced together using two algorithms called cohesion and sphere distortion. The only difference between the Desktop and Mobile variants is that the Desktop variant has two layers of clouds for fuller skies.
Cohesion groups nearby noise bubbles together to make noise clouds that have a nice arranged quality to them. From values of 0-1 cohesion is increasing resulting in larger groups condensing into larger clouds.
With a cohesion level of 0, no clouds are grouped resulting in very small, randomly placed clouds
Whereas with a cohesion level of 1 clouds are tightly packed into large groups.
At values above 1, the clouds bleed over into the empty space resulting in clouds appearing in the negative space which has an interesting effect to it
The COZY weather sphere is just that: a sphere. We can leverage this fact to create even more interesting shapes if we exaggerate this shape in our cloud shader.
At values of 0.25, the sphere distortion has no effect and clouds are displayed normally
As you lower this value, clouds start to blur cylindrically and appear larger and more scattered above the horizon
However as you raise this value, the clouds distort spherically resulting in flatter looking clouds that scatter on the horizon
Wind Speed
Float
Determines how quickly the cloud noise will scroll.
Clipping Threshold
Float
[0-1] Determines the alpha level to clip the clouds to.
Main Scale
Float
Determines the scale of the cloud noise.
Cloud Cohesion
Float
See description above for more information
Sphere Distortion
Float
See description above for more information
Shadow Distance
Float
Offset the dark shadow to give the appearance of thickness to your clouds
Cloud Thickness
Float
Controls the apparent thickness of the clouds by multiplying the opacity around the edges
Cirrus Movement Speed
Float
Determines the rotation speed of the cirrus texture
Chemtrails Movement Speed
Float
Determines the rotation speed of the chemtrails texture
Chemtrails Texture
Texture
Determines the texture used for the chemtrails
Cirrus Texture
Texture
Determines the texture used for the cirrus clouds
Cirrostratus Texture
Texture
Determines the texture used for the cirrostratus clouds
Altocumulus Texture
Texture
Determines the texture used for the altocumulus clouds
Cloud Texture
Texture
Control the texture used for the painterly variation
Cloud Texture Pan Direction
Vector
Sets a direction and strength for the scrolling of the painterly texture
Texture Color Multiplier
Color
Sets a color to multiply the cloud texture by before adding the variation
Texture Amount
Float
Controls how strong the texture variation is