[arudaev]

What and why

The atmosphere layers from docs/04 (layers 4, 7 and 8), as three helpers for any stage chunk:

• Foreground blur – blurForeground(layer): a WebGL blur on the scroll 1.15–1.2 layer (no-op on Canvas).
• Falling leaves – addLeaves(scene, state): autumn leaves at foreground parallax; they fall and drift left when clean and rise in the anomaly state. The view starts already full of leaves.
• Water reflection – addReflection(water, layers): finds the waterline from the water layer's alpha, mirrors the given layers about it once into a texture, masks it to the water and ripples it in 4 px strips.

Only the ripple strips and the leaves move per frame; the mirror and the blur are built once. The geometry (waterline, mirror placement, ripple, leaf drift) is pure and tested in fx/atmosphereLayout.ts.

Test chunk: in dev builds, F10 (from the HUD) opens AtmosphereTest, the whole first Rusty Creek chunk: V toggles the atmosphere, A switches clean / anomaly leaves, arrows pan, Esc closes. Dev-only, like the #37 test chunk.

Note: the creek art already has reflections painted into the water, so the game's reflection is subtle there (alpha 0.4); it will matter more on the Hidden Garden pond.

Verification

• npm run typecheck, npm test (22 passing, 4 new), npm run build; production bundle has neither test scene.
• Dev server, side by side with V: foliage blurred, leaves falling (A: rising), mirrored concrete in the water; no console errors.
• 60 fps not measured: the browser pane was hidden (throttled) during the check. Needs one look on a laptop.

Issue

Closes #36 (stacked PR – linked by hand under Development).

Stack

• [1/3] feat: add the anomaly image cut, pixel stretch and 404 void #118 [1/3] feat: add the anomaly image cut, pixel stretch and 404 void
• this PR [2/3] feat: add the foreground blur, falling leaves and water reflection
• [3/3] feat: synthesize the effects and loops with Web Audio #121 [3/3] feat: synthesize the effects and loops with Web Audio

Merge bottom up.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
wincs	Ready	Preview	Oct 23, 2026 9:27pm UTC