tsParticles snow — 60–300 flakes depending on intensity, size variation
for depth, gentle drift via random speed + curved paths. Appears in
atmosphere panel between Rain and Embers.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Fire: reworked colour ramp (dark red → orange → amber → warm yellow core),
per-column height variation via colFireH for jagged silhouette, ember glow
at base, taller overall height, fire/rain combined in screenshot
- Rain: more translucent (0.15–0.40 opacity), halved speed range, direction
tilts 90°→70° as intensity rises
- Embers: smaller particles (0.8–2.2px), more numerous (50–150)
- Fog: fix opacity jump at ~3s — CSS keyframe animation was overriding the
inline intensity-based opacity value; replaced with CSS transition via
React-managed mounted state
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Switch fire effect from tsParticles to a full-screen Three.js WebGL
shader using layered FBM noise for volumetric-style flames rising from
the bottom of the screen. Also fix rain/embers canvas banding by
switching them to tsParticles fullScreen mode.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Fire: 1-5px (was 4-12, balloons), count 60-200, speed 4-10
- Rain: drop line shape (invisible in slim), use fast circles 200-600 at 15-30
speed so motion reads as streaks
- Embers: 1.5-4px, count 20-80, speed 0.5-2 — clearly slower/dimmer than fire
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Fire: remove broken emitter (not in slim bundle), bigger particles (4-12px),
more count (80-300), outModes "out" so particles respawn continuously
- Rain: switch to line shape (in slim), size 10-20px for visible streaks,
higher opacity and speed
- Embers: bump min size to 2-5px, increase count (30-120) for visibility
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
