Adding Polish and Appeal to Animation

The fundamentals get a shape moving believably; this module is about why an audience keeps watching. In a live-coded visual set — audio-reactive shapes projected behind a DJ, or a Hydra/p5 scene driven by a kick pattern — technically correct motion that is timid, flat, or mechanical dies on the big screen. The whole task here is to take one clean action you already animated and elevate it into a performance: something with impact, dimension, and personality.

Start supported: revisit your fundamentals piece and, with the exaggeration principle open as a how-to, push a single beat of the action past its literal amount until it reads from across the room — a kick that snaps and overshoots rather than nudges. Then layer one clearly subordinate motion using the secondary-action guidance, checking it reinforces rather than competes. Next, audit every frame against solid drawing: does the form keep its volume and mass, or does it go paper-cutout when it turns? Finally, the least mechanical pass — appeal: break dead symmetry, sharpen the silhouette, give the gesture character. The capstone removes the scaffolding: you make all four upgrades yourself and defend each one in a before/after comparison.

Each required atom gates a named clause of that capstone — you cannot present the exaggeration upgrade, the secondary-action layer, the volumetric pass, or the appeal tuning without the corresponding principle. The supporting atoms enrich rather than gate: staging explains why your starting action must already read clearly, while squash-and-stretch and arcs are fundamentals-level vocabulary you’ll lean on when exaggerating without breaking believability. Drill the exaggeration push and the subordinate-layer move repeatedly inside the task — in a live set, both must be reflexes, not deliberations.

Runnable examples

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

oscillation

let y = height/2 + sin(frameCount * 0.05) * 100

_{p5live-0004 · CC0-1.0}

float rings = abs(sin(length(uv)*20.0 - u_time*2.0));

_{glsl-0039 · public-domain}