Skip to main content

Tween

Use the Tween component to apply animations to objects in the scene. Add movement to your effects, such as move, scale, rotate, change the color of an object and more. Below is a description of each tween type and the Inspector panel settings used for tuning it.

Basic Tween

The Basic tween type can move an object from one position to another, scale it up or down, or rotate it.

basic tween
PropertyDescription
Default Scene ObjectThe object you want to apply the animation to
Animation ModeThe type of animation, in this case Basic
PausePauses the animation
Play ModeRefers to how the animation is played
  • Loop plays to the end and then resets to the beginning
  • Loop once plays to the end and then resets to the beginning, but only once
  • Ping-Pong plays to the end and then reverses back to the beginning
  • Ping-Pong plays to the end and then reverses back to the beginning, but only once
Animation TypeThe type of transform animation
  • Position animates the object's position
  • Scale animates the object's scale or size
  • Rotate animates the object's rotation
Motion TypeIndicates how the animation start and end values will be specified
  • From To specifies both the start and end values of the animation
  • To takes the start value of the animation from the current state of the Scene object, while the end value of the animation is specified
  • Offset takes the start value of the animation from the current state of the Scene object and the end value of the animation from the start value after it has been transformed by the specified offset
DurationThe duration of the animation, in seconds
DelayHow long to wait before starting the animation
Easing FunctionControls the rate of change in the object's movement to make it appear more natural and realistic. Available easing functions are: Linear, Quadratic, Cubic, Quartic, Quintic, Sinusoidal, Exponential, Circular, Elastic, Back, Bounce, and Power.
Timing FunctionControls the speed at which the animation's properties change to make them appear more natural and realistic. Available timing functions are: None, Ease In, Ease Out, and Ease In and Out.

Path Mode Tween

The Path Mode tween type sets several target positions and moves the object between them.

path mode tween
PropertyDescription
Default Scene ObjectThe object you want to apply the animation to
Animation ModeThe type of animation, in this case Path Mode
PausePauses the animation
Play ModeRefers to how the animation is played
  • Loop plays to the end and then resets to the beginning
  • Loop once plays to the end and then resets to the beginning, but only once
  • Ping-Pong plays to the end and then reverses back to the beginning
  • Ping-Pong plays to the end and then reverses back to the beginning, but only once
Animation TypeThe type of transform animation
  • Position animates the object's position
  • Scale animates the object's scale or size
  • Rotate animates the object's rotation
Path Points 0The first target position to move between
Path Points 1The second target position to move between
Path Points 2The third target position to move between
Fixed DurationWhen turned on, applies a fixed duration of the animation. Available properties are:
  • Duration: The duration of the animation (in seconds)
  • Delay: How long to wait before starting the animation
  • Orientation: Whether the object will orient the path's forward direction using it's z-axis or not
  • Path Type: Whether the path points should be connected by a Straight (linear) or Curved line
  • Easing Function: Controls the rate of change in the object's movement to make it appear more natural and realistic. Available easing functions are: Linear, Quadratic, Cubic, Quartic, Quintic, Sinusoidal, Exponential, Circular, Elastic, Back, Bounce, and Power.
  • Timing Function: Controls the speed at which the animation's properties change to make them appear more natural and realistic. Available timing functions are: None, Ease In, Ease Out, and Ease In and Out.

Follow Mode Tween

The Follow Mode tween type sets a follower object and another object to be tracked.

follow mode tween
PropertyDescription
Default Scene ObjectThe object you want to apply the animation to
Animation ModeThe type of animation, in this case Follow Mode
PausePauses the animation
Animation TypeThe type of transform animation
  • Position animates the object's position
  • Scale animates the object's scale or size
  • Rotate animates the object's rotation
Motion TypeIndicates how the animation start and end values will be specified
  • From To specifies both the start and end values of the animation
  • To takes the start value of the animation from the current state of the Scene object, while the end value of the animation is specified
  • Offset takes the start value of the animation from the current state of the Scene object and the end value of the animation from the start value after it has been transformed by the specified offset
StartThe position of the first object
EndThe position of the object to reach at the end
DurationThe duration of the animation, in seconds
DelayHow long to wait before starting the animation
Easing FunctionControls the rate of change in the object's movement to make it appear more natural and realistic. Available easing functions are: Linear, Quadratic, Cubic, Quartic, Quintic, Sinusoidal, Exponential, Circular, Elastic, Back, Bounce, and Power.
Timing FunctionControls the speed at which the animation's properties change to make them appear more natural and realistic. Available timing functions are: None, Ease In, Ease Out, and Ease In and Out.

Material Mode Tween

The Material Mode tween type modifies an object's material properties.

material mode tween
PropertyDescription
Default Scene ObjectThe object you want to apply the animation to
Animation ModeThe type of animation, in this case Material Mode
PausePauses the animation
Play ModeRefers to how the animation is played
  • Loop plays to the end and then resets to the beginning
  • Loop once plays to the end and then resets to the beginning, but only once
  • Ping-Pong plays to the end and then reverses back to the beginning
  • Ping-Pong plays to the end and then reverses back to the beginning, but only once
Animation TypeWhich material property of the object to animate. Can be Base Color, Emissive Color, or UV.
Motion TypeIndicates how the animation start and end values will be specified
  • From To specifies both the start and end values of the animation
  • To takes the start value of the animation from the current state of the Scene object, while the end value of the animation is specified
  • Offset takes the start value of the animation from the current state of the Scene object and the end value of the animation from the start value after it has been transformed by the specified offset
StartThe starting color for the animation
EndThe ending color for the animation
DurationThe duration of the animation, in seconds
DelayHow long to wait before starting the animation
Easing FunctionControls the rate of change in the object's movement to make it appear more natural and realistic. Available easing functions are: Linear, Quadratic, Cubic, Quartic, Quintic, Sinusoidal, Exponential, Circular, Elastic, Back, Bounce, and Power.
Timing FunctionControls the speed at which the animation's properties change to make them appear more natural and realistic. Available timing functions are: None, Ease In, Ease Out, and Ease In and Out.