recipe-td-constellation / Shader / field
Live signal constellation
Original FORM//GRAPH synthesis · design proposal
A real-time node field where incoming project signals influence attraction, pulse and color, designed first as performance and then distilled for web.
Where it belongs
Best for launches, installations, streams and hero captures that need genuine signal-reactivity.
TouchDesigner discovers the motion grammar; exported lookup textures and curves reproduce the chosen behavior in WebGL.
Production sequence
- Receive normalized events through WebSocket or a recorded JSON replay.
- Build points in SOPs, adjacency in a Script SOP and event envelopes in CHOPs.
- Render points and restrained links into separate TOP passes for independent compositing.
- Record a deterministic 20-second hero loop and export motion curves as sampled arrays.
- Rebuild the selected loop in WebGL; keep the TD network for campaigns and live moments.
Handoff contract
- Deliverables
- TOE network + curve JSON + WebM master
- Proposed runtime budget
- Web runtime ≤ 900 KB
This is a production brief, not a downloadable implementation. Budgets are proposed targets; validate them on the intended devices before release.
Supporting technique references
Feedback-line technique expanded from the saved Generative Hut index. This constellation recipe is FORM//GRAPH synthesis, not a transcription of that tutorial.