Animation

Animation cues bring graphic score elements to life during playback. Objects can scale, rotate, follow paths, change colour, and fade in or out -- all driven by the same embedded cue syntax used for transport and media control.

These transformations are not decorative. In an animated graphic score, movement, colour shift, and visual emphasis carry musical meaning: a rotating arrow might indicate which material a performer should play next; a scaling gesture might suggest dynamic intensity; a colour transition might signal a shift in texture or instrumentation. The animation system allows composers to encode these interpretive signals directly into the visual objects that performers read.

Animations can be layered and combined on a single element, and their parameters can be modulated in real time through the control system described in the next section.


Reset All Animations

A Reset button (refresh icon) in the top toolbar clears all animation states and reloads the score to its initial state.

What it resets

When to use it

Scenario Use Reset?
Before a performance run-through Yes
Animations got out of sync Yes
Testing from a clean state Yes
Mid-performance restart Yes

How it works

  1. Click the reset button (↻) in the top toolbar
  2. Server clears animation state maps
  3. All connected clients receive reset notification
  4. Pages reload to reinitialize animations

Programmatic reset

From the browser console:

// Reset and broadcast to all clients
window.resetAllAnimationStates();

Note: This triggers a page reload on all connected clients to ensure complete state reset.

Tip: use ← → or ↑ ↓ to navigate the docs