Example payload
{
"samples": [
0.12,
0.48,
0.91,
0.63
]
}Studio Demos
three.js Scene Bridge
Placeholder for a richer 3D browser surface driven by canonical realtime payloads.
PlannedLocal setup requiredPlannedTimeline Array
What this demo proves
This reserves room for a more spatial and visually compelling browser demo where scene state, positions, or sample trails are controlled over the same network the simpler demos already use.
Platforms
three.jsBrowser JavaScript
Payload types
ArrayJSON / objectFloat
Channel names
demo.three.scenePlanned scene-update channel for three.js spatial demos.demo.array.trailShared trail and sample-array channel for creative coding visuals.Compatibility notes
Browser JavaScriptNative
Node.jsNative
PythonNative
p5.jsNative
ProcessingNative
ArduinoJSON wrapped
ESP32 / ESP8266JSON wrapped
Serial bridgeAdapter required
TouchDesignerNot yet supported
Run online
- Source-first only for now; not yet promoted into a hosted 3D demo.
Run locally
- Use SceneSyncDemo.tsx as the baseline three.js scene subscriber.
- Publish timeline-array payloads on demo.array.trail.
Expected output
- Array payload samples update a three.js scene without extra payload remapping.
Troubleshooting
- This example is repo-source rather than a full starter app.