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

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