home/ modules/ live-coding-visuals-in-estuary

Performing live-coded visuals: Estuary, CineCer0, and cycle-sync

  • 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

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.

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

Hydra sources inside Estuary are chained with dot-notation and sent to outputs with .out()
Procedure L2 First instrument H
CineCer0 live-codes video, image, and text as composable function chains in the browser
Concept L3 Craft HI
CineCer0's ramp function linearly interpolates a style parameter over a given number of cycles
Concept L3 Craft HI
CineCer0's natural/every/round/chop functions align video playback to Estuary's cycle grid
Procedure L3 Craft HJ
Exposing the underlying algorithm of canonical 20th-century artworks reveals shared generative logic across art history
Concept L4 Performance HO

Supporting — enrichment, not gating

Humans acting unconsciously in a system can serve as autonomous generative agents
Concept L4 Performance H
Hydra shares sketches as links that reopen the editable code, building a traceable remix lineage
Concept L2 First instrument HP
Generative art is always a collaboration between the artist and the autonomous system
Concept L0 Orientation H
A fixed set of self-imposed constraints (one font, one image, one palette) speeds generative iteration
Principle L2 First instrument HL
Visual phrasing groups change into statement-variation-return arcs so the image has structure rather than uniform churn
Principle L2 First instrument HL
A clear base pulse must be established before it is broken — an unbroken pulse is static and an unbroken lack of pulse is formless
Principle L2 First instrument HL