Smart Inputs

TL;DR — A Smart Input connects one field of a resource to one element in an animation. Name it, bind it, link it, done.

#What a Smart Input does

A Smart Input is the bridge between your data and your animation. It tells Quadraviz: "when this resource field changes, update this element on the Rive artboard."

No code. Just a name, a source, and a target.

#The four-step workflow

#1. Create

Give the Smart Input a descriptive name. Examples:

• teamName
• scoreBlue
• backgroundColor
• player1Image

Generic names like text1 will haunt you when you have twenty inputs across five scenes.

#2. Bind to a resource

Pick the collection it should read from (Player, Team, Sponsor). Pick the specific field inside that collection.

#3. Link to the animation

Choose:

• The artboard
• The state machine
• The Rive element to update (text layer, image, shape, color)

#4. Activate

The Smart Input is now live. Manual changes in the controller fire it. Scene transitions fire it. No further setup.

#Setting one up

1. Open the animation in the node editor.
2. Click Create Smart Input.
3. Name it.
4. Bind it to a collection.
5. Connect its attributes to your View models in the Rive file.
6. (Optional) Layer User Inputs on top for manual overrides.

#Synchronized control

Smart Inputs with the same name and the same collection are grouped into one control in the live controller.

Set teamRed_name on three different animations, all bound to the same Team collection — change the value once, all three update together. This is how multi-overlay productions stay consistent.

#Naming conventions

• Be descriptive. teamRed_logo beats image2.
• Prefix related inputs. teamRed_, teamBlue_, player1_, player2_.
• Reuse names across scenes when you want them to update together.

#Next steps

• User inputs overview — Add manual controls on top of Smart Inputs
• Set up the Live Controller — Drive everything from one screen