Rive Actor & Node

Accessing Properties of a Node
This is the manual for the old version of Rive (formerly Flare). Visit the Help Center for the new Rive here.
implements ActorNode class
The Actor is the container for the 'Artboards' and assets.  You can access a node through the 'Artboard' to get and set its properties at runtime.
Properties
​Translation​
Translates the Node's local 'x' and 'y' axis relative to the parent.
Scale X & Y​
The local scale value of the Node in the 'x' and 'y' axis.  Changing this scales the node and all of its children.
​Rotation​
The local rotation of an Node in radians relative to the parent. It also rotates any of the nodes children respectively.
​Opacity​
The transparency of an Node on a scale of 0 to 1.  The children are also affected by this opacity.
​
Flutter Sample
Swift Sample
React Sample
JS Sample
C++ Sample
Flutter Sample
import 'package:flare_flutter/flare_actor.dart';
...
 void initialize(FlutterActorArtboard artboard) {
    _artboard = artboard;
    ActorNode myNode = _artboard.getNode("nodeString");
    myNode.y = 0.00;
    myNode.x = 0.00;
    myNode.scaleX = 0.00;
    myNode.scaleY = 0.00;
    myNode.rotation = 0.00;
    myNode.opacity = 0.00;
 }
Swift Sample
let myNode = artboard?.getNode(name: "Face")
print(myNode?.x)
print(myNode?.y)
print(myNode?.scaleX)
print(myNode?.scaleY)
print(myNode?.rotation)
print(myNode?.opacity)
React Sample
import FlareComponent from 'flare-react';
​
initialize(artboard)
  {
    ...
    this._MyNode = artboard.getNode("nodeString");
    this._MyNode.x = 0;
    this._MyNode.y = 0;
    this._MyNode.scaleX = 0;
    this._MyNode.scaleY = 0;
    this._MyNode.rotation = 0;
    this._MyNode.opacity = 1;
    ...
  }
JS Sample
...
			actorInstance.initialize(this._Graphics);			
​
			this._MyNode = actorInstance.getNode("NodeString");
			console.log(this._MyNode.x); 
			console.log(this._MyNode.x); 
			console.log(this._MyNode.y);
			console.log(this._MyNode.scaleX);
			console.log(this._MyNode.scaleY);
			console.log(this._MyNode.rotation);
			console.log(this._MyNode.opacity);
...
C++ Sample
...
	flare::ActorNode* myNode = static_cast<flare::ActorNode*>(artboard->component("NodeName"));
	printf("node's x %f\n", myNode->x());
	printf("node's y %f\n", myNode->y());
	printf("node's scale x %f\n", myNode->scaleX());
	printf("node's scale y %f\n", myNode->scaleY());
	printf("node's rotation %f\n", myNode->rotation());
	printf("node's opactiy %f\n", myNode->opacity());
...
​
​
Rive Runtimes - Previous
Exported Files
Next - Rive Runtimes
ActorAnimation
Last updated 1 month ago
Rive Actor & Node

Properties

​Translation​

Scale X & Y​

​Rotation​

​Opacity​

Translation

Scale X & Y

Rotation

Opacity
