INTERFACE·Jul 2026
Graffiti Wall
Live board of user tags. Lazy-loads only when you move close — canvas stays light.
A graffiti layer wired into the infinite canvas. Each tag is a live node with a calligraphic drawing surface, authored with pressure-sensitive strokes and anchored into the node graph.
A collaborative wall where signed tags are placed onto the grid, linked to the wall-control root node, and persisted via Redis and Firebase. The camera smoothly focuses on each new draft, making the act of writing feel like dropping a physical tile onto the space.
Uses perfect-freehand for pressure-aware strokes on an SVG surface, then maps each tag as a graph node with collision checks, link computation, and smooth pan-and-zoom focusing via the shared canvas API.
Specs
StackNext.js · Firebase · Redis · perfect-freehand
Runtimereal-time @ 60 FPS
ArtifactGRAFFITI_WALL_INTERACTIVE