Unity 技能冷卻中 UI 篇


建立時間: 2024年5月20日 22:03
更新時間: 2024年5月21日 02:37

說明

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

預覽

Preview Image

建立黑色遮罩遊戲物件

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

Hierarchy

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

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

Randomize Balls Direction Button

此為黑色遮罩

Cooldown Image

黑色遮罩設定

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

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

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

觀看次數: 127
cdcooldownuiunity冷卻

相關文章:

按讚追蹤 Enjoy 軟體 Facebook 粉絲專頁
每週分享資訊技術

一杯咖啡的力量,勝過千言萬語的感謝。

支持我一杯咖啡,讓我繼續創作優質內容,與您分享更多知識與樂趣!