Table of Contents
Skill Cooldown
UI Design
Create UI according to template (Note the arrangement)
* Should edit as desired after understanding how triggers work
Step 1: Create a “Common” image UI to contain the images created later
Step 2: Create an additional “Black Screen” image UI as a subset of the “Main” image UI
Step 3: Create an additional “Skill Name” text UI as a subset of the “General” image UI
Step 4: Create an additional “Time” text UI as a subset of the “General” image UI
Step 5: Create an additional “Image” button UI as a subset of the “Black Screen” image UI
Complete UI
Note: When using the “Image” UI as an effect UI (see instructions below), do not arrange the “Skill Name” and “Time” text UIs as subsets of the “Black Screen” image UI or the “Image” button UI
For example, if you arrange The “Skill Name” and “Time” text UIs are subsets of the “Black Screen” image UI
Trigger
- First Create a Private Variable “Timer type”
Trigger 1
Step 1: Create an event related to the UI button Step 2: Add 'Play Unit Animation' in the action section Step 3: Set the UI component of the “Image” button to play the 'clockwise sweep' effect with a time of one: skill recovery time (Note: due to the game UI effect still having some errors, set the time to a short level so that the UI effect can achieve the desired effect)
Finish
Trigger 2 (Continue from Trigger 1)
Step 4: Add 'Run countdown timer' in the action section, set the created “Time” timer.
Step 5: Add 'Set text content' in the action section. Set the “Timer” text UI content to concatenate the conversion string from the number [timer] to “s” The “s” text can be customized as desired
Step 6: Add ‘Display unit’ in the action, the effect can be present or absent. Set the “Timer” text UI component to show Step 7: Add “Repeat… until” in the constraint with the timer time condition being zero Step 8: (The waiting time can be added or not) and copy set the text block
Step 9: Add ‘Set text content’ in the action item, set the time UI content to “0s” Step 10: Add ‘Hide unit’ in the action, the effect can be present or absent. Set the “Timer” text UI component to hide
If you have any questions about Developer Tools, feel free to join our official discord server Mini World Global DEV discord