mirror of
https://github.com/noodlapp/noodl-docs.git
synced 2026-01-11 23:02:54 +01:00
53f0d6320e
Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com> Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com> Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com> Co-Authored-By: Michael Cartner <32543275+michaelcartner@users.noreply.github.com>
36 lines
1.7 KiB
Markdown
36 lines
1.7 KiB
Markdown
---
|
|
hide_title: true
|
|
hide_table_of_contents: true
|
|
title: Animate To Value
|
|
---
|
|
|
|
<##head##>
|
|
|
|
# Animate To Value
|
|
|
|
This node takes a target value and will automatically animate towards it. The animation will restart every time the target value changes.
|
|
|
|
<div className="ndl-image-with-background l">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<##head##>
|
|
|
|
## Inputs
|
|
|
|
| Data | Description |
|
|
| -------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
| <span className="ndl-data">Target Value</span> | The value to animate to |
|
|
| <span className="ndl-data">Duration</span> | The duration of the animation in milliseconds|
|
|
| <span className="ndl-data">Delay</span> | Delay before the animation starts in milliseconds |
|
|
| <span className="ndl-data">Easing Curve</span> | The easing curve of the animation |
|
|
|
|
## Outputs
|
|
|
|
| Data | Description |
|
|
| ---------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
| <span className="ndl-data">Current Value</span> | The current value of the animation |
|
|
| <span className="ndl-signal">At Target Value</span> | Signals when the animation has reached its target value |
|