Unity 技能冷卻中 UI 篇

說明

本篇是一篇超簡單的教學，示範如何在技能冷卻期間顯示黑色遮罩。這個黑色遮罩可以根據冷卻剩餘時間進行調整，讓玩家直觀地看到冷卻進度。

預覽

建立黑色遮罩遊戲物件

以下是一個按鈕和黑色遮罩的遊戲物件階層。

按鈕本身有一個圖片，預覽沒有被黑色遮罩遮擋的部分就是屬於按鈕的圖片。

關於腳本的部分，我會再另外寫一篇文章說明。

此為黑色遮罩

黑色遮罩設定

當遊戲物件都建立好之後，請打開黑色遮罩遊戲物件的 Image 組件。

• Source Image: 用來遮擋按鈕的圖片，你可以用類似黑色遮罩的圖片，或者使用其他冷卻的圖片。
• Color: 可以用來設定顏色和透明度，讓它看起來像冷卻中的樣子。
• Image Type: Filled，可以控制圖片填充量。
• Fill Method: Radial 360，類似時鐘秒針繞一圈的樣子。
• Fill Origin: Top，意思是從12點鐘方向開始繞。
• Fill Amount: 填充量。
• Clockwise: 是否順時針繞。

以上就是冷卻功能常用的選項，之後你可以用腳本控制 Fill Amount 顯示冷卻的進度。