Animate UI Pro is a package that contains +40 animations to use in Unity’s UI, easy to use, customized editor for better customer interaction and totally easy to edit, and each configuration of an animation / category does not interfere in other configurations.
All animations are made by codes, resulting in more speed, precision and easy editing (variables) Animations are made using math. (100% accurate).
• +40 Animations
• Custom Editor
• Easy to use and customize
• Organized structure
• All C# code
• Work with Unity +2017
3.What to do first?
Before importing the Animate UI, I recommend you make a backup of your project. Whether we do this or not, let’s begin. Let’s start by adding the Animate UI Lite/Pro script to the element you want to add to the UI (example: text, image, and so on).
There are two ways to add:
1 – In the directory, Wilgner Studio > Animate UI Pro > Scripts >
AnimateUIPRO.cs drag the script to the element to be
2 – In the object / element to be added, Add Component
> Search: Animate UI, click or press enter for it will be
The Animate Ui Control script is not required, it is only
used for the sample screen.
4.Animate UI Control
Let’s understand how it works: just add the script (previous step), select the desired animation and settings and you’re done.
Reset After Ending Animation: With this option enabled, the object returns to the initial settings (position, rotation, scale).
Time to start: When the object is instantiated (either at the beginning of the game or by another object) you can set a time (in seconds) to execute the animation.
On Start: If active, run the animation when the object is instantiated.
Animation in Loop: Case active. at the end of the animation it is executed again in an infinite cycle
Animation List: List of all available animations (+40)
Animation Status: Variable responsible for controlling animation status (no need to tinker, just for the code and for you to see what’s happening if you want to debug or see how it works)
After Animation Is Over: This event will be invoked as the name said, after the animation finishes
Animation Properties Tab: According to the animation selected in the Animation List your settings will appear here to be configured to your liking
Preview Tab: In this tab you can have a preview of how the animation is getting (right on the scene and without the need to run the project)
Verficating may not work well with Vertical Layout Group components.
(they are two different scripts, moving the position of the same object)!
In the preview tab you can see how the animation it’s getting, but before activating the preview always remember to click on the “Set Initial Position” button and to uncheck the preview remember to leave the Preview Value in 1 for then disable the preview.
6.Creating example animation
Let’s create an example animation, the others animations are similar, just change your configuration variables, come on.
For this example I will create a pulsing animation.
Let’s create a UI element of type text and add the script (as explained in 3.What To Do First?), we will select the pulse animation on the Animation List, thus:
After that, the settings of the selected animation appears in the Properties tab. All animations come with a default, and you can edit them as you want.
Note: the names of the variables are already very suggestive and I will not go into detail in each of the animations.
Let’s make a small change in the settings of the animation, we leave the duration with 2 seconds and the maximum scale in 1.5
Just run the game and check the changes, very simple, for the rest of animations the process is basically the same.
Basically this is as it is in the description it is extremely easy to use and edit and the settings for the other animation are extremely similar and with suggestive names.
Any doubts you can check in the topic Credits and Contact, thanks =)
Please leave a review on the Assets Store
This gives feedback to me on what to add / improve and others.