Ecosystem Demos

Rive Web State Machine

TBD roadmap placeholder for driving Rive Web runtime state machines from Data Network channels.

PlannedLocal setup requiredPlannedState JSON

What this demo proves

This reserves a web-native motion demo where realtime channel state updates Rive inputs, animations, and interactive UI states using the official Web JS runtime.

Platforms

RiveBrowser JavaScript

Payload types

BooleanFloatStringJSON / object

Channel names

demo.rive.statePlanned Rive state-machine channel for web runtime demos.

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

Example payload

{
  "mode": "active",
  "position": {
    "x": 120,
    "y": 84
  },
  "enabled": true
}

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 hosted browser demo after selecting a canonical Rive file and state machine contract.

Run locally

TBD: load a Rive file in the Web JS runtime, subscribe to demo.rive.state, and map channel fields onto state machine inputs.

Expected output

A Rive animation changes state, numeric input values, or triggers in response to live Data Network messages.

Troubleshooting

TBD: document Rive file hosting, canvas setup, state machine input names, and browser-key origin rules.

Source files

demos/rive/README.md

Reference only