[arudaev]

What and why

The anomaly language from docs/06, as three effects that go on top of any stage layer:

• Image cut – addImageCut(layer, area, shift, copies): the area shifted sideways and repeated.
• Pixel stretch – addPixelStretch(layer, area, row): one row smeared down the area into vertical streaks.
• 404 void – add404Void(layer, area, seed): flat grey with torn edges and the broken-image icon.

Cheap: every effect is built once – cropped copies of the layer's own texture (same position, scroll factor and depth) or one static Graphics – so nothing redraws per frame. The geometry lives in fx/anomalyLayout.ts (pure, Vitest-tested); fx/anomaly.ts turns it into game objects.

Test chunk: in dev builds, F9 (from the HUD) opens AnomalyTest: the first Rusty Creek chunk with each effect on it; V shows and hides them, arrows pan, Esc closes. It is registered only when import.meta.env.DEV, so production doesn't ship it.

The story (#54: the creek turns) and the stage loader (#116) will call these on the anomaly chunks; areas are in layer texture pixels.

Verification

• npm run typecheck, npm test (18 passing, 4 new), npm run build; production bundle has no AnomalyTest.
• Dev server: F9 shows all three effects on rc-0-0; V toggles them; no console errors.
• Frame time: not measured with a profiler – the effects add 5 static objects.

Issue

Closes #37

Stack

• this PR [1/3] feat: add the anomaly image cut, pixel stretch and 404 void
• [2/3] feat: add the foreground blur, falling leaves and water reflection #119 [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:22pm UTC