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
Name | Type | Description |
---|---|---|
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 |