Home
Shaders and presets

Cloud Presets

Pre-configured cloud settings for different sky conditions

Ready-to-use cloud configurations for various atmospheric conditions.

Quick Start

import { createCloudPreset, CloudPresets } from 'strata-game-library/presets/clouds';

<Clouds {...CloudPresets.CUMULUS} />

Available Presets

PresetDescriptionVisual
CLEARNo cloudsBlue sky
SCATTEREDFew cloudsSparse cumulus
CUMULUSPuffy cloudsClassic fair weather
STRATUSLayer cloudsOvercast layer
CIRRUSWispy cloudsHigh altitude
CUMULONIMBUSStorm cloudsTowering, dark
SUNSETGolden cloudsWarm colors
DRAMATICDynamic skyVaried types

Preset Examples

Cumulus

CloudPresets.CUMULUS = {
  type: 'volumetric',
  coverage: 0.4,
  density: 0.05,

  altitude: {
    min: 1000,
    max: 3000,
  },

  color: '#ffffff',
  shadowColor: '#aabbcc',

  animation: {
    speed: 0.01,
    direction: [1, 0, 0.2],
  },

  lighting: {
    scattering: 0.6,
    ambient: 0.3,
  },
};

Stormy

CloudPresets.CUMULONIMBUS = {
  type: 'volumetric',
  coverage: 0.9,
  density: 0.15,

  altitude: {
    min: 500,
    max: 8000,
  },

  color: '#888888',
  shadowColor: '#334455',

  animation: {
    speed: 0.03,
    turbulence: 0.4,
  },

  lightning: {
    enabled: true,
    frequency: 0.05,
  },
};

Using with Components

import { Clouds, ProceduralSky } from 'strata-game-library/core';
import { CloudPresets, SkyPresets } from 'strata-game-library/presets';

<ProceduralSky {...SkyPresets.AFTERNOON} />
<Clouds {...CloudPresets.CUMULUS} />