Flags
The same storm four ways. They stack.
Use it
One script, then a canvas per storm. Height is the size; a wider canvas gives the outer bands room.
<script src="https://cdn.jsdelivr.net/gh/TonkaTuff/coriolis@v0.8.0/dist/coriolis.min.js"></script>
<canvas class="wx" width="200" height="200" data-wx-body="tracy"></canvas>| attribute | value | what it does |
|---|---|---|
| data-wx-body | storm | any name above |
| data-wx-hemisphere | north, south | south spins clockwise |
| data-wx-cat | 1–5 | how organised: 5 has a pinhole eye and crisp bands, 1 is a ragged lump thrown to one side |
| data-wx-eye | number | eye radius as a fraction of the storm, 0 for none |
| data-wx-bands | number | rainbands, 2 to 4 |
| data-wx-pitch | degrees | inflow angle, 22 by default; lower winds the bands tighter |
| data-wx-reach | number | storm size relative to the canvas, 1 fills it |
| data-wx-omega | number | wind at the eyewall, radians a second |
| data-wx-form | puff, roll, lenticular, mammatus, cirrus | clouds: cumulus heads, one rolling tube, a stack of lenses, pouches under an anvil, or mare's tails |
| data-wx-form | wall, haze | dust: a haboob rolling in, or the whole sky full of it |
| data-wx-form | steady, jet, front, gusty | wind: a steady flow, a jet stream, a front sweeping through, or a gale |
| data-wx-speed / -churn | number | wind: how fast (1) · how much the field churns (0.6) |
| data-wx-puffs / -radius / -spin / -drift | number | clouds: how many heads · size as a fraction of the height · roll or tumble rate · drift in widths a second |
| data-wx-rate / -cg | number | thunderstorm: flashes a second · share that strike the ground (0 to 1) |
| data-wx-anvil / -tower | number | thunderstorm: anvil width and tower height, 1 by default |
| data-wx-rain | 0 | thunderstorm: no rain under the base |
| data-wx-form | pyro | thunderstorm: a fire's own storm, with a fire line, embers and a smoke column |
| data-wx-form | fork, crawler, sheet, ball | lightning: a strike to the ground, one along the cloud base, a cloud lit from inside, or ball lightning |
| data-wx-form | tornado, waterspout, dust-devil, fire-whirl | tornado: a funnel with dust, one with spray, a column of dust with no cloud, or a vortex of embers |
| data-wx-width / -taper / -sway / -vortices / -debris | number | tornado: width as a fraction of the height (0.16) · rope (2) to wedge (0.3) · how far the foot wanders (0.12) · sub-vortices inside (1) · dust as a share of the dots (0.4) |
| data-wx-bands / -height / -shimmer | number | aurora: curtains (2) · ray height as a fraction of the canvas (0.45) · how fast the rays flicker (1) |
| data-wx-form | rain, snow, hail | precip: streaks, flakes, or stones that bounce |
| data-wx-density / -speed / -wind | number | precip: how much (1) · fall speed in canvas heights a second · sideways slant |
| data-wx-branches / -life / -radius | number | lightning: forks off the channel (6) · a ball's life in seconds (8) · its size as a fraction of the height (0.09) |
| data-wx-ink / -lite / -ground | 1 | monochrome dots that follow the page theme · half the dots · dark sea under the cloud |
| data-wx-glow | 0 | no soft glow under the core, just the dots on a clear canvas |