Home▸Meteorology & Weather Patterns▸Realistic Weather Simulation

Realistic Weather Simulation (2D)

Top-down 2D weather engine: switch between clear, rain, storm and snow, tune intensity, wind speed/direction and time of day, and watch a live sky gradient, wind-driven precipitation and storm lightning respond in real time — the same weather-state logic behind the 3D scene, stripped to a flat readout.

Meteorology & Weather Patterns2DMedium60 FPS📱 Mobile-adapted⇄ 3D version
2d-realistic-weather-simulation ↗ Open standalone

This 2D companion keeps the 3D scene's core weather-state model — smoothed transitions between clear, rain, storm and snow, wind-driven precipitation, and randomised storm lightning — but draws it as a flat top-down sky and ground instead of an orbiting 3D camera. Switch weather type, tune intensity, wind and time of day, and watch the sky gradient, particle counts and ground wetness respond live.

⚙ Under the hood

2D canvas weather simulation: a lerp-smoothed weather-state machine drives a time-of-day sky gradient, wind-advected rain streaks and snow sprites, ground-wetness accumulation, and a randomised storm-lightning flash overlay.

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)