COLOPHON

BUILT WITH

STACK: Next.js 15 (App Router) · TypeScript · Tailwind (tokens via CSS vars)
ENGINE: custom ASCII/PIXEL canvas — rAF singleton, 90 ms tick, zero animation libraries
FONTS: Departure Mono + Inter, self-hosted, full ąćęłńóśźż
TOOLS: Claude Code (ponytail, /loop) · playwright · Vercel
RULES: zero border-radius, zero blur, colors only from tokens, reduced-motion = static frame

[FIG. C-0] ENGINE FIGURES — LIVE EXHIBITS

SPAWN

[FIG. D1] TERM-DECODE 3.1 · scramble 400ms → lock every 120ms → hold 3s → Bayer decay 400ms · max 3 words

[FIG. D2] STAR-FLARE 3.2 · flares every 1.8–4.2s, 4-tick feed, 0.86/tick cooling · max 2 at once

[FIG. D3] NOISE-HOVER 3.3 · hover = 300ms Bayer noise → inversion; keyboard focus stays clean

A10.18A20.10SPEED1.00FLAG

[FIG. E-1] WAVE 3a · 6000 CELLS · click = impulse · max frame: 0ms

[FIG. E-2] MODE: ASCII · CELL 6px

[FIG. E-2] MODE: BAYER1BIT · CELL 6px

[FIG. E-2] MODE: DUOTONE · CELL 6px

[FIG. E-3] HEAT 3b · cursor heats the matter (accent > 0.7), cooling 0.86/tick

BAYERLEFTIRIS

[FIG. E-4] CURTAIN 3c · Bayer over time — the image “develops” like a print

HOVER ME — HOVER SCRAMBLE

[FIG. E-5] SCRAMBLE 4 · decode 35ms/char + hover 250ms (░▒▓)

[FIG. E-6] PIXEL-WARP 5 · Bayer curtain from the click point, cover 400ms + reveal 500ms, scroll interrupts