FloatingParticles
Animated floating particles with twinkle effects
Animated floating particles with twinkle effects
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| randomness | range | 0.25 | Randomness of particle animation |
| speed | range | 0.25 | Speed of particle movement |
| angle | range | 90 | Movement angle in degrees (0=right, 90=down, 180=left, 270=up) |
| particleSize | range | 2 | Size of particles |
| particleSoftness | range | 0 | Edge softness of particles (0 = sharp, 1 = very soft) |
| twinkle | range | 0.5 | Intensity of the twinkle effect (0 = off, 1 = full twinkle) |
| count | range | 5 | Number of particle layers |
| particleColor | color | #ffffff | Color of the particles |
| speedVariance | range | 0.3 | Per-layer speed variance (0 = all layers same speed, 1 = high variance) |
| angleVariance | range | 30 | Per-layer angle variance in degrees (0 = all layers same angle, 180 = full variance) |
| particleDensity | range | 3 | Particle density (lower = more spread out, higher = more dense) |
Usage
vue
<Shader>
<FloatingParticles />
</Shader>