Cloud Field free

Soft shaded cumulus clouds drifting at different depths, drawn in code with no image files.

Customize

Sky colours, top to bottom

Colour of the sunlit top of the clouds

Colour of the shaded underside

Number of clouds

Overall cloud size

Drift speed of the nearest clouds (px per second)

How lumpy and fluffy the clouds are

Mist near the horizon

Change for a different arrangement of clouds

import CloudField from './CloudField';

<CloudField />

Checking your access…

Dependencies: none