Reading and Grouping with Gestalt Perception

When you’re projecting generative visuals behind a live set, the audience never reads your canvas element by element — their perceptual system groups it instantly, before thought. This module builds the whole task of composing for that pre-attentive read: a poster-scale composition where every grouping the viewer perceives is one you chose. The same skill transfers directly to a live-coding rig, where shapes spawned by pattern code will clump, flow, or fragment according to these laws whether you intend it or not.

Start with the founding insight that the mind perceives unified wholes rather than sums of parts — this reframes every layout decision as a perceptual trigger. Then work the laws as a graded sequence of small studies: cluster and separate marks with proximity, unify scattered elements through shared colour or shape via similarity, then layer in continuity’s smooth reading paths, closure’s implied contours, and enclosure via common region. Common fate — grouping by shared direction or implied motion — is your bridge to animated work. Each study is supported: you annotate one law at a time. The capstone removes the scaffolding, demanding at least six principles orchestrated together along a deliberate reading path.

The required atoms gate the capstone directly: you cannot place the similarity-break accent without knowing how breaking similarity pulls the eye, nor build the flip-flopping region without understanding figure-ground assignment and multistability’s either/or oscillation. The supporting atoms enrich the read — Prägnanz explains why the laws resolve as they do, symmetry and invariance deepen your grouping vocabulary, and Itten’s simultaneous patterns preview how scattered colour becomes emergent shape at the compositional level. Drill fast identification of proximity, similarity, and figure-ground until spotting them in any visual field is automatic.

Runnable examples

Generated from the context/ instrument corpus by concept (redistributable idioms only). Do not edit — regenerate with gen-module-examples.mjs.

radial-symmetry

osc(10).kaleid(5).out()

_{hydra-0010 · CC0-1.0}

// sandbox
osc(10, 0.05, 1.3).kaleid(8).out()
// sandbox

_{p5live-0037 · CC0-1.0}