Welcome to BRICKS.
This tutorial covers the fourth step of interaction control: element entrance animations. 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: 1–2 minutes
Step 1: Create a New Element and Configure Its Entrance Animation
From the Main 2 Canvas (duplicated from Main), add a new element.
In the property panel on the right, locate [ Standby Mode ] and set its entrance mode to [ right ] (enter from the right).As shown in the previous lesson, click [ Standby Easing ] to configure the entrance animation method.
Step 2: Configure the Entrance Animation Method
In the animation properties, select the desired animation method and duration.
For examples of animation methods, refer to:https://easings.net/
Step 3: Preview Playback
After configuration, click Play Preview to view the entrance animation in action.
You may also experiment with different properties or animation methods to explore the variety of effects.
Congratulations! You have now learned the basic concepts of element entrance animations.
The next chapter will introduce the concept of variables.
For any assistance, please click the chat icon in the bottom-right corner. Our team will respond to your questions as quickly as possible.