Rain Mode Configuration
Overview
Rain/Snow animation mode adds customizable particle effects to the Kusama Shield UI.
Settings
| Property | Range | Default | Description |
|---|---|---|---|
rainMode | boolean | false | Enable/disable rain effect |
particleCount | 10-200 | 100 | Number of particles on screen |
particleSize | 5-60px | 20 | Particle diameter in pixels |
fallingSpeed | 1-10 | 5 | Animation speed level |
Usage
// Enable rain mode
setRainMode(true);
// Set particle count to 50
setParticleCount(50);
Features
- Image Upload: Custom particle images (cropped to circular shape)
- Default Image:
toolbox.pngif no upload - Animation Types:
fall(top→bottom) orfloat(gentle up/down) - Live Preview: Shows animation in settings modal
Technical Details
- Particles use
position: fixed,z-index: 9999,pointer-events: none - CSS animations for GPU acceleration
- Uses
vhunits for full viewport coverage
Performance
- Maximum 200 particles to prevent performance issues
- Uses CSS animations (GPU accelerated)
pointer-events: noneensures no interaction interference