Snow Fall
0
Used by 0Controls
Snow Fall
Fill any frame with drifting canvas snow, tuning per-flake size, speed, opacity, wind sway, and fall direction.
KEY FEATURES
- — Adjustable flake count for snow density
- — Randomized per-flake size within a min/max range
- — Randomized per-flake fall speed range
- — Per-flake opacity range for layered depth
- — Horizontal wind drift with per-flake variation
- — Sinusoidal side-to-side sway on every flake
- — Selectable fall direction, downward or upward
- — Custom snow color
- — Retina-aware canvas rendering up to 2x DPR
- — Auto-resizes to fill its container via ResizeObserver
API Reference
All props map directly to the controls panel sliders and color pickers.
LAYOUT
PROP
TYPE
DEFAULT
DESCRIPTION
count
number
632
Number of snowflakes rendered in the field; higher is denser.
wind
number
-1
Constant horizontal drift; negative blows left, positive right.
windVariation
number
0
Adds random per-flake spread to the horizontal drift.
sizeMin
number
0.5
Smallest flake radius in pixels.
sizeMax
number
1.5
Largest flake radius in pixels.
opacityMin
number
30
Lowest per-flake opacity, as a percentage.
opacityMax
number
90
Highest per-flake opacity, as a percentage.
direction
enum
down
Fall direction of the flakes: down or up.
ANIMATION
PROP
TYPE
DEFAULT
DESCRIPTION
speedMin
number
0.8
Slowest fall speed a flake can be assigned.
speedMax
number
2.7
Fastest fall speed a flake can be assigned.
COLORS
PROP
TYPE
DEFAULT
DESCRIPTION
color
color
#ffffff
Fill color of the falling snowflakes.
