← Crafts
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