cue:scale — Scaling Animation

scale() adjusts the size of SVG objects using sequences, patterns, continuous pulsing, or independent X/Y scaling.

BASIC FORMS

Uniform scaling

scale(values:[1,1.5,1], dur:2)

Non-uniform (XY)

scaleXY([1,1.3],[1,0.6], dur:1)

Continuous pulse

scale(min:1, max:1.3, dur:2)

TRIGGERING

• automatic page-mode
• scroll edge
• cue activation

TRIGGER DELAY

tdelay:<seconds>

Delays scaling start.

scale(values:[1,1.4,1], tdelay:3)

INITIAL VISIBILITY

init:

Controls how the element appears before the animation begins.

Initial scale is applied immediately regardless of init state.

scale([1,1.5,1], tdelay:4, init:ghost)
scale([1,2,1], dur:3, init:fadein(1))
scale([1,1.4,1], dur:2, init:armed)
scale([1,1.4,1], dur:2, init:armed(0.3), trig:playhead)

SEQUENCES

Pattern forms (Pseq, Prand, etc.) supported for all parameters.

CONTINUOUS SCALING

scale(min:1, max:1.4, dur:1.5, loop:0)

UID — Live Updates

scale(values:[1,1.2,1], uid:s1)
scale(uid:s1, dur:0.5)

NETWORK SYNCHRONIZATION

By default, scale animations are synchronized across all connected clients. The first client to start an animation becomes the leader and broadcasts positions every 10 seconds. Late-joining clients sync to the leader's position.

sync: — Enable/Disable Sync

Use sync:0 for animations that should vary between performers:

scale(values:[1,1.5,1], dur:2, sync:0)

SIGNAL-BOUND PARAMETERS

Animation speed, duration, and scale values can be controlled in real-time by binding to fader signals from the control plane.

Signal Reference Syntax

scale(min:1, max:scaleFader.t-1-2, dur:speedFader.t-4-0.5, uid:pulse)

The signal reference format is:

source.channel-min-max[-default][-curve]

Examples

// Duration controlled by fader: 4s (slow) to 0.5s (fast)
scale(min:1, max:1.5, dur:speedFader.t-4-0.5, uid:pulse)

// Scale max controlled by fader: 1x to 2x
scale(min:1, max:sizeFader.t-1-2, dur:1, uid:growPulse)

// Independent X/Y scale bound to different faders
scaleXY(sx:xFader.t-1-2, sy:yFader.t-1-1.5, dur:2, uid:xyScale)

// With exponential curve for finer control
scale(min:1, max:1.5, dur:speedFader.t-4-0.5-exp3, uid:smoothPulse)

How It Works

1. The fader publishes its position (0-1) to the control plane
2. The value is mapped through the specified range and curve
3. The animation's parameter updates in real-time

See Control Plane documentation for full signal reference syntax.

FULL PARAMETER LIST

EXAMPLES

scale([1,2,1], dur:2, tdelay:3)
scaleXY([1,1.4],[1,0.6], dur:1)
scale(Pseq([1,1.5,1],inf), dur:Prand([0.5,1],inf))

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