Skip to main content
Version: 2.11

Animate Number

Smoothly move a number from a value to another

Description​

Smoothly moves a number from one value to another.

The Control Flow output is used to listen and detect when the animation is finished and trigger the next animation loop.

If you want to animate a UI component property, use the Feed UI Property function instead of the Set UI Property action.

If you want to play an animation forever, set the 'Number of Repeat' input to 0. Warning: however, when doing so, the output Control Flow will not get triggered.

See <a href="https://animejs.com/documentation/" target="_blank">animejs</a> for the full documentation about the library used.

Inputs​

  • Control Flow (Control Flow)
  • From (Number): Starting value of the animation
  • To (Number): End value of the animation
  • Duration (ms) (Number): Duration of the animation
  • Easing (Animate Easing): Easing function applied during the animation. Easing function with custom parameters like spring, cubicBezier, steps can also be given, see <a href="https://animejs.com/documentation/#linearEasing" target="_blank">the doc</a>
  • Number of Decimals (Number): The number of decimals the output value is rounded to
  • Direction (Animate Direction): The "direction" of the animation : normal (From to To), reverse (To to From), alternate (From to To, then To to From)
  • Number of Repeat (Number): The number of times the animation is played. Can be 0 if you wish to play the animation forever

Outputs​

  • Control Flow (Control Flow)
  • Value (Number): Connect this to the property of the brick you want to display the number animation