Creative Coding Demos

Nodes Patch Sync

TBD roadmap placeholder for connecting Nodes visual patches to Data Network channels.

PlannedLocal setup requiredPlannedMixed Control

What this demo proves

This keeps visual patching and generative browser graphics visible as first-class creative-coding workflows next to p5.js, Processing, Rive, and cables.gl.

Platforms

NodesBrowser JavaScript

Payload types

BooleanFloatStringJSON / object

Channel names

demo.nodes.patchPlanned Nodes patch channel for web-native visual patching demos.

demo.json.stateCanonical structured-state channel for browser and SDK parity demos.

Example payload

{
  "enabled": true,
  "brightness": 0.8,
  "scene": "night",
  "tags": [
    "entry",
    "north-wall"
  ]
}

Compatibility notes

Browser JavaScriptNative

Node.jsNative

PythonNative

p5.jsJSON wrapped

ProcessingJSON wrapped

ArduinoJSON wrapped

ESP32 / ESP8266JSON wrapped

Serial bridgeAdapter required

TouchDesignerNot yet supported

Run online

TBD: publish a Nodes patch or companion browser example after confirming the cleanest extension/operator surface.

Run locally

TBD: create a Data Network node/operator or script bridge that subscribes to demo.nodes.patch and maps messages into patch values.

Expected output

A Nodes patch updates visual parameters, triggers, or generated state from live Data Network messages.

Troubleshooting

TBD: document project import/export, runtime origin rules, custom code permissions, and whether a local bridge is required.

Source files

demos/nodes/README.md

Reference only