Performing live-coded visuals: Estuary, CineCer0, and cycle-sync
Learning objectives
- learner can chain Hydra sources inside Estuary and route them to outputs in a live performance context
- learner can live-code video, image, and text with CineCer0 and sync playback to a cycle grid with ramp and time functions
- learner can frame a live-coded visual set within generative-art and algorithmic-art lineage
Capstone — one whole task that evidences the objectives
Perform a timed live-coded visual set in Estuary: layer Hydra sources with CineCer0 video/text synced to the cycle grid via natural/every/round/chop and ramp, executing edits live and framing the set within algorithmic-art lineage.
Prerequisite modules
This module is about the VJ’s seat at an algorave: you are the visualist in a networked Estuary ensemble, typing against a running clock while musicians push patterns into the same shared cycle grid. Everything you learned about Hydra as a solo browser toy now has to survive a timed, public run — your edits execute live, your video cuts must land on the downbeat, and your set needs a point of view, not just eye candy.
The arc starts supported. First, re-establish your Hydra fluency inside an Estuary code zone — chaining sources with dot-notation and routing to output buffers works exactly as standalone, so this is a low-stakes warm-up. Then add CineCer0 as a second voice: live-coding video, image, and kinetic text as composable function chains. The pivotal move is temporal: use the ramp function to animate any style parameter over a fixed number of cycles, and the natural/every/round/chop time-sync functions to stretch, loop, and slice video so montage becomes musically meaningful. Drill these until reaching for a tempo-locked fade or a chopped loop is automatic — under performance pressure there is no time to look up signatures. The final rehearsals strip the scaffolding: a full timed run where you layer Hydra textures under cycle-synced CineCer0 media, framed by the Century insight that canonical artworks resolve to parameterizable algorithms — that lineage is how you talk about what you’re doing.
The required atoms are exactly what the capstone cannot proceed without: the Estuary-Hydra chain, the three CineCer0 competencies, and the art-historical framing. The supporting atoms deepen the practice — humans as unwitting generative agents, remix-lineage sharing culture, artist-system collaboration, and constraint-driven iteration — enriching your artistic stance without gating the set itself.
Runnable examples
Generated from the context/ instrument corpus by concept (redistributable idioms only). Do not edit — regenerate with gen-module-examples.mjs.
visual-pulse
zoom (1 ~~ 2 $ osc 0.25) (circle 0 0.3) >> add
punctual-0022 · CC0-1.0
Atoms in this module
Required — these gate the capstone
Supporting — enrichment, not gating
Part of curricula
- Live Visualist — zero to performing live-coded & generative visuals — Perform the set — live-coded, generative, audio-reactive visuals for an audience required
- VJ — visual performance with projection, light & video — Play out: the full VJ show at scale optional