Skip to content

WAVGEN · Creative Tools Platform

CREATIVE TOOLS
CONVERGENCE

Where p5.js, TouchDesigner, WebGL/GLSL, Max/MSP, Processing, and openFrameworks meet, merge, and amplify each other.

p5.js TouchDesigner WebGL / GLSL Max/MSP Processing openFrameworks Node Graph Signal Flow GPU Pipeline

Cross-Tool Node Graph

Six creative coding environments modelled as a live node graph. Animated signal flows represent data bridges, OSC channels, shader pipelines, and API connections. Click any node to explore its capabilities and bridges.

Bridges & Connections

Pipeline Explorer

Four end-to-end creative production pipelines showing how tools connect in sequence — from concept to output.

Pipeline 01
Generative Visual Pipeline
p5.js sketch → WebGL render → TD import → output

Sketch generative forms in p5.js, route geometry to a WebGL fragment shader for GPU post-processing, then pull the rendered texture into TouchDesigner for projection or video output.

Pipeline 02
Audio-Reactive Pipeline
Max/MSP audio → OSC → TD / p5.js → visual

Max/MSP analyses or generates audio in real-time. Analysis data (amplitude, spectrum, beat) streams via OSC to TouchDesigner or p5.js, driving generative visuals in sync with sound.

Pipeline 03
AI-Assisted Pipeline
Python / ML → image output → TD texture → WebGL post

Python ML models (StyleGAN, diffusion, NeRF) generate image or video frames. TouchDesigner ingests as live texture. WebGL post-processing (GLSL shaders) applies real-time stylization.

Pipeline 04
Live Performance Pipeline
Max/MSP → OSC → TD network → projection

Performer triggers Max/MSP patches live. OSC messages stream over network to TouchDesigner across multiple machines. Output feeds multi-channel projection mapping in real-time.

Tool Deep Dives

Eight tools at the intersection of creative code, visual performance, and generative production. Each shapes how artists program the unseen.

Interoperability Matrix

Compatibility scores between the six core tools. Hover cells to see bridge details. Brightness = integration depth.

Native bridge
OSC / MIDI
Indirect
Minimal

Repo Bridges

Repositories that form the connective tissue between creative tools — OSC pipelines, shader ports, ML inference layers, and GPU data bridges.

Creative Tools Glossary

22 terms spanning node-based programming, GPU pipelines, signal protocols, and creative coding paradigms.