Rain Mode Configuration

Overview

Rain/Snow animation mode adds customizable particle effects to the Kusama Shield UI.

Settings

PropertyRangeDefaultDescription
rainModebooleanfalseEnable/disable rain effect
particleCount10-200100Number of particles on screen
particleSize5-60px20Particle diameter in pixels
fallingSpeed1-105Animation 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.png if no upload
  • Animation Types: fall (top→bottom) or float (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 vh units for full viewport coverage

Performance

  • Maximum 200 particles to prevent performance issues
  • Uses CSS animations (GPU accelerated)
  • pointer-events: none ensures no interaction interference