Toggle Sidebar B
Light & dark mode D

Smoke

Realistic fluid smoke simulation with vorticity dynamics

Realistic fluid smoke simulation with vorticity dynamics

Props

PropTypeDefaultDescription
colorAcolor#fc83f9Color of fresh smoke
colorBcolor#c21c79Color smoke transitions to as it ages
emitFromposition{"x":0.5,"y":1}The emission source point
directionrange0Emission direction (0 = up, 90 = right, 180 = down, 270 = left)
speedrange20Emission velocity strength
spreadrange60Emission cone angle in degrees
emitRadiusrange0.08Size of the emission area
intensityrange1Smoke emission density
dissipationrange0.2How fast smoke fades over time
detailrange25Fine-scale swirling detail
gravityrange0.5Downward gravitational pull on smoke
colorDecayrange0.4How quickly smoke shifts from Color A to Color B
mouseInfluencerange0.1Strength of cursor influence
mouseRadiusrange0.1Radius of cursor influence area
colorSpace"linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"linearColor space for color interpolation

Usage

vue
<Shader>
  <Smoke
    :intensity="1"
  />
</Shader>