Documentation

GuidesComponents

Smoke

Realistic fluid smoke simulation with vorticity dynamics

Props

colorAstring
Default:#fc83f9
Color of fresh smoke
colorBstring
Default:#c21c79
Color smoke transitions to as it ages
emitFrom{x: number, y: number}
Default:{"x":0.5,"y":1}
The emission source point
directionnumber
Default:0
Emission direction (0 = up, 90 = right, 180 = down, 270 = left)
speednumber
Default:20
Emission velocity strength
spreadnumber
Default:60
Emission cone angle in degrees
emitRadiusnumber
Default:0.08
Size of the emission area
intensitynumber
Default:1
Smoke emission density
dissipationnumber
Default:0.2
How fast smoke fades over time
detailnumber
Default:25
Fine-scale swirling detail
gravitynumber
Default:0.5
Downward gravitational pull on smoke
colorDecaynumber
Default:0.4
How quickly smoke shifts from Color A to Color B
mouseInfluencenumber
Default:0.1
Strength of cursor influence
mouseRadiusnumber
Default:0.1
Radius of cursor influence area
colorSpace"linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"
Default:linear
Color space for color interpolation

Usage

<Shader>
  <Smoke
    intensity={1}
  />
</Shader>
Previous
SineWave
Next
SmokeFill