# 260614 — Processing & Processing.js deep dive Date: 2026-06-14 · Source: **SHARD-WP-0004 T4** ## What this is A deep dive into **Processing** (creative coding) and **Processing.js / p5.js** (browser-run sketches): **the sketch *is* the document** — a program whose presentation is **live visual output rendered at view time** in the browser, with **no cached output** by default. ## Why it matters - The cleanest **program-as-page** case: canonical content = **source text**, presentation = **executable render** (no input/output cells, no prose envelope) — sharpens the page model (T12/T15) and UC-54/55. - Adds a **view-time** variant to derivation-projection (the render runs **in the viewer, continuously**) and a **continuity** facet (one-shot vs continuous/interactive); continuous → static is a **snapshot frame/recording** on the live↔snapshot axis (T6). - "Execute/render in the viewer" = an explicit **capability + trust/sandbox** surface. ## Yield - **No new UC** (enrichment / design prior art). Enriches **UC-54, UC-55**; links UC-83, UC-84, UC-35. ## Contents | Path | Role | |------|------| | `findings.md` | Program-as-page, view-time/live render, no-cached-output, capability+trust, INTENT mapping, UC disposition (enrichment-only), architecture notes |