Overview

Immersive Weather is a stylised weather and time-of-day visualiser. Sky, sun or moon arc, clouds, stars, and precipitation all react to the selected weather and hour.

Main Controls

• Weather: Pick a preset and cross-fade into it.
• Auto (live weather): Uses local Open-Meteo data.
• Time of day: Set hour, real clock, or auto-advance.
• Atmosphere: Tune intensity and wind.
• Rain and Clouds: Quality and look tuning dials.

Keyboard Shortcuts

• i: Toggle 360 / Igloo mode on or off.
• u: Toggle the in-room control panel. The panel's own × button hides it; u summons it back.
• Esc: Close this help panel.

Auto Mode Behaviour

• Resolves your location (falls back to central London).
• Fetches current weather and day or night from Open-Meteo.
• Maps API weather codes to app presets and eases transitions.
• Polls about every 10 minutes and locks the scene to real time.
• Manual weather or hour changes turn Auto off.

URL Params

• ?igloo=1: Enable 360 Igloo output mode.
• ?env=ocean: Start in the given environment (none or ocean).
• ?camHeight=1.5: Viewpoint height above the ground plane, clamped 0.5-20.
• ?lat=51.5074&lon=-0.1278: Use manual coordinates for Auto mode (skips browser location permission).
• ?panelSize=1.5: Scale in-room touch panel, clamped 0.4-2.5.
• ?panelY=0.2: Vertical panel offset by face height, clamped -0.5 to 0.5.
• ?hidePanel=1: Hide the in-room control panel for a clean capture / signage view (toggle live with u).
• ?renderScale=0.75: Resolution / FPS dial, clamped 0.25-2. Below 1 renders fewer pixels and upscales; in 360 this sets the cubemap face resolution.
• ?faces=lfrb: Render only these cube faces; the rest are filled black (full 6:1 strip preserved). Letters: Left Front Right Back Down(Bottom) Up(Top). Skipping Bottom and Top saves about a third of the face cost.
• ?fps=0: Hide the on-screen FPS meter (shown by default in flat mode; always hidden in 360).
• ?audio=0 and ?vol=0.5: Mute ambient audio, or set its volume 0-1.
• ?settings=...: Load an entire saved scene (weather, ocean/cloud/rain tuning, output settings, ...) from a single param. Generated by the "Copy settings URL" button in the Settings panel (overrides the individual params above).

Example: /?igloo=1&panelSize=1.2&panelY=-0.1&renderScale=0.8&faces=lfrb

360 / Igloo Core Engine Setup

In 360 mode, output becomes a 6:1 cubemap strip (Left, Front, Right, Back, Bottom, Top) for the Igloo Core Engine. The desktop HUD and lil-gui are hidden there, and a touch-first in-room panel appears on the front face.

Docs: Desktop UI Handling 360 Degree Content (Cubemap)

1. Create a WebView layer for this app.
2. Disable Dynamic Resolution.
3. Set the layer resolution to 6000x1000.
4. Add Cubemap to Equirectangular and True Perspective effects.
5. Configure app URL params as needed and load the URL in the WebView layer, for example ?igloo=1&lat=51.5074&lon=-0.1278&panelSize=1.2&panelY=-0.1&renderScale=0.8&faces=lfrb. Drop renderScale and trim faces with faces if you need more frame rate in the room.