Heat UI 教學

Heat UI 是一套 Unity UI 模板，使用 TextMesh Pro 製作，可以透過管理工具設定整個 UI 外觀。

提供範例場景：Cross Platform - 行動裝置遊戲、Desktop - 電腦遊戲、Console - 家用主機遊戲。

將 Heat UI 下載到專案，需要 Unity 2022.3 以上版本，資源包約 60MB 屬於輕量資源。

啟動畫面預設按任何鍵進入主選單（開啟 Heat UI Manager 可透過 Enable Splash Screen 開啟或停用啟始畫面）

Home Panel

SHOP 面板上的按鈕，使用 Shop Button Manager 腳本元件設定，目前並不支援中文，提供以下選項：

Enable Icon / Enable Title / Enable Description / Enable Price / Enable Hover Filter / Use Modal Window / Is Interactable

EXTRAS

SETTINGS - GENERAL

點擊畫面右上角 EXIT 將會出現離開遊戲的確認選項。

執行 [ Tool > Heat UI ] 開啟 Heat UI Manager 即可快速修改外觀，可修改的項目包括：

音效 > Audio

顏色 > Audio

修改 Logo 可替換自行設計的 PNG 圖檔，並可快速改變 Logo 顏色。

Splash Screen

需要時可以透過 Enable Splash Screen 開啟或停用啟始畫面

修改背景

Hierarchy > Canvas - Main Menu > Background > Image Parent > Image

原圖 [ Assets > Heat - Complete Modern UI > Textures > Placeholders > Background ] 資料夾的 Placeholder Image 2.png ( 1080p )

Home Panel 的 NEW GAME / CONTINUE / LOAD GAME / ITEM TITLE 圖片同樣收錄於此資料夾。

修改上方功能表 Hierarchy > Top Panel > Content >

按鈕 Hierarchy > Top Panel > Content > Panel Buttons > Home / Chapters / Shop / Extras / Settings

HOME > 首頁（主播 / 攝影棚 / 創作資源）

CHAPTERS > 攝影棚

SHOP > 創作資源（主播 / 背景 / 配樂 )

EXTRAS > 匯出影片

SETTINGS > 系統設定

PS：圖示位於 [ Assets\Heat - Complete Modern UI\Textures\Icons\Misc ] 資料夾。

位於 [ Assets > Heat - Complete Modern UI > Textures > Placeholders > Logo ] 資料夾的 Game Logo.png ( 1166 x 256 px )

修改 SHOP 面板的按鈕背景 / 背景圖片的參考比例 512x1080 / + 修改比例方法