- Spark AR Studio
- Spark AR Hub
- Features
- Learn
- Creators
- Partners
- Blog
- Community
- Create AR effects for Instagram and Facebook.Get Started
Animation Patch
Use the Animation patch to drive an animation triggered by an Interaction patch or logic that plays once.
To drive animations that play on a loop, use the Loop Animation patch.
Input
| Name | Description |
|---|---|
Play | Depending on how you want the animation to be triggered, connect an Interaction patch or logic to this input. |
Reverse | If you want the animation to play in reverse when triggered, connect an Interaction patch or logic to this input. |
Reset | If you want the effect to reset when the animation finishes, connect an Interaction patch or logic to this input with either the Play or Reverse inputs. |
Stop | If you want the animation to stop after playing, connect a patch to this input. |
Duration | Enter the number of the animation speed in seconds, with 1 second representing the default speed. To slow down the animation, enter a number above 1, with 10,000 seconds representing the slowest speed. To speed up the animation, enter a number below 1, with 0.001 seconds representing the fastest speed. |
Output
| Name | Description |
|---|---|
Progress | Connect to an Animation Player patch, Frame Transition patch, or Transition patch. |
Completed | Depending on how you connect this output, you can make something happen when the animation is complete like playing an audio file or showing a message. |
Example
In the example below, we see an animation when the screen is tapped.
To trigger the animation with a screen tap, we connected the Tap output on the Screen Tap patch to the Play input on the Animation patch.
