Example payload
{
"samples": [
0.12,
0.48,
0.91,
0.63
]
}Studio Demos
Processing and p5 Shared Visual Demo
Creates one coherent creative-coding story across two familiar environments.
Local workflowLocal setup requiredTimeline Array
What this demo proves
Processing and p5 can participate in the same visual workflow when they share one array-oriented scenario and channel contract.
Platforms
Processingp5.js
Payload types
Array
Channel names
demo.processing.p5Creative coding shared channel for Processing and p5 paired visuals.Compatibility notes
Browser JavaScriptNative
Node.jsNative
PythonNative
p5.jsNative
ProcessingNative
ArduinoJSON wrapped
ESP32 / ESP8266JSON wrapped
Serial bridgeAdapter required
TouchDesignerNot yet supported
Run online
- This phase is documentation-first until the paired visual pages are hosted inside the app.
Run locally
- Run the Processing example and p5 sketch against the shared channel.
- Use the timeline-array scenario payload so both visuals remain aligned.
Expected output
- Each runtime reacts to the same ordered sample array and produces visibly related output.
Troubleshooting
- If visuals diverge, inspect the array shape and ordering before changing rendering logic.