Documentation

GuidesComponents

FloatingParticles

Animated floating particles with twinkle effects

Props

randomnessnumber
Default:0.25
Randomness of particle animation
speednumber
Default:0.25
Speed of particle movement
anglenumber
Default:90
Movement angle in degrees (0=right, 90=down, 180=left, 270=up)
particleSizenumber
Default:1
Size of particles
particleSoftnessnumber
Default:0
Edge softness of particles (0 = sharp, 1 = very soft)
twinklenumber
Default:0.5
Intensity of the twinkle effect (0 = off, 1 = full twinkle)
countnumber
Default:5
Number of particle layers
particleColorstring
Default:#ffffff
Color of the particles
speedVariancenumber
Default:0.3
Per-layer speed variance (0 = all layers same speed, 1 = high variance)
angleVariancenumber
Default:30
Per-layer angle variance in degrees (0 = all layers same angle, 180 = full variance)
particleDensitynumber
Default:3
Particle density (lower = more spread out, higher = more dense)

Usage

<Shader>
  <FloatingParticles />
</Shader>
Previous
FilmGrain
Next
FlowField