Welcome to BRICKS.
This tutorial covers the third step of interaction control: configuring animation types. By completing this chapter, you will easily master the use of interaction control in the BRICKS Cloud Intelligent Display.
🕐 Estimated time to complete this tutorial: 2–3 minutes
Step 1: Configure Transition Animations
Select the duplicated Main 2 Canvas.
In the property panel on the right, locate the Standby Easing property and click [ Edit ] to configure different transition effects for elements during the animation.
Step 2: Configure Animation Type
ithin the animation properties:
You can configure the default setting with different animation methods.
Alternatively, you can assign animations to individual properties such as x, y, width, or height.
For this example:
Set the method to [ easeOutBounce ]
Set the duration to 3 seconds
For a full list of animation methods and their effects, refer to https://easings.net .
Step 3: Preview Playback
Once configured, click Play Preview to view the transition effects.
Feel free to experiment with different properties and easing methods to see how the outcomes vary.
Congratulations! You have now learned the basic concepts of animation types.
The next lesson will introduce element entrance animations.
For any assistance, please click the chat icon in the bottom-right corner. Our team will respond to your questions as quickly as possible.