Skip to content

Texture Sprites

appearance.type=custom with theme texture source.

Area Gradient

colorMode=area with radius axis interpolation in rgba palette.

Motion + Physics

speed range, direction, gravity, turbulence, and tiltVariance tuned together.

High Density

Large count with spread and sphere area for full-scene coverage.

Texture Sprites

appearance.type=custom with theme texture source.

Area Gradient

colorMode=area with radius axis interpolation in rgba palette.

Motion + Physics

speed range, direction, gravity, turbulence, and tiltVariance tuned together.

High Density

Large count with spread and sphere area for full-scene coverage.

Texture Sprites

appearance.type=custom with theme texture source.

Area Gradient

colorMode=area with radius axis interpolation in rgba palette.

Motion + Physics

speed range, direction, gravity, turbulence, and tiltVariance tuned together.

High Density

Large count with spread and sphere area for full-scene coverage.

Texture Sprites

appearance.type=custom with theme texture source.

Area Gradient

colorMode=area with radius axis interpolation in rgba palette.

Motion + Physics

speed range, direction, gravity, turbulence, and tiltVariance tuned together.

High Density

Large count with spread and sphere area for full-scene coverage.

Texture Sprites

appearance.type=custom with theme texture source.

Area Gradient

colorMode=area with radius axis interpolation in rgba palette.

Motion + Physics

speed range, direction, gravity, turbulence, and tiltVariance tuned together.

High Density

Large count with spread and sphere area for full-scene coverage.

Texture Sprites

appearance.type=custom with theme texture source.

Area Gradient

colorMode=area with radius axis interpolation in rgba palette.

Motion + Physics

speed range, direction, gravity, turbulence, and tiltVariance tuned together.

High Density

Large count with spread and sphere area for full-scene coverage.

Particles Full Showcase

Primary focus: one complete advanced setup that exercises texture, color distribution, motion, lifecycle, and area in one page.

Showcase Contract Surface

Surface Key examples
Behavior preset particles.type, count, spread
Appearance appearance.type, appearance.texture, appearance.textureColorMode, appearance.size, appearance.opacity
Color strategy appearance.colorMode, appearance.areaColor.*, appearance.palette, appearance.randomColorChance
Motion movement.speed, movement.direction, movement.gravity, movement.turbulence, movement.tiltVariance
World area area.type, area.size, area.position
Lifecycle lifecycle.respawn

Variant Snippets

Partial random palette draws

yaml
particles:
  appearance:
    colorMode: palette
    randomColorChance: 0.42
    palette:
      - "rgba(79, 115, 232, 1)"
      - "rgba(138, 105, 239, 1)"
      - "rgba(239, 134, 168, 1)"

Area mapping by vertical axis

yaml
particles:
  appearance:
    colorMode: area
    areaColor:
      axis: y
      colors:
        - "rgba(95, 125, 230, 1)"
        - "rgba(140, 117, 239, 1)"
        - "rgba(241, 168, 122, 1)"

Dot appearance without custom texture

yaml
particles:
  appearance:
    type: dot
    texture: ""
    color: "rgba(99, 152, 255, 1)"