Scenes

A scene is the unit you ship to a channel. It wraps a Rive animation with branding, default values, and the dashboard controls your operator will use.

Anatomy of a scene

  • Animation — the underlying Rive file
  • Brand kit — colors, fonts, and logos
  • Inputs — what the operator can change at runtime
  • Defaults — starting values when the scene goes live

Create a scene

Open Scenes → New scene. Pick a template, or start from an imported Rive file.

ts
const scene = quadraviz.scenes.create({
  name: 'Scoreboard – Season 4',
  animation: rivFileId,
  brand: 'wraiths-default',
  defaults: { scoreA: 0, scoreB: 0, period: 1 },
});

Live editing

Scenes are versioned. While you edit, viewers see the current published version. Hit Publish to push your changes.

Multi-channel scenes

A scene can be reused across channels. Pair this with Channel overrides to ship the same scoreboard with different sponsors, languages, or color palettes.