※內容由AI彙整生成。
1. 行動端 UI 佈局實踐
1. 行動端 UI 佈局實踐
針對 1080 x 1920 解析度進行畫面優化,確保在行動裝置上的顯示效果 :
- 題目顯示設定:使用 TextMeshPro 處理題目文字,設定寬度為 900-1000 並開啟 Auto Size 功能,確保不同長度的題目都能在指定範圍內清晰顯示 。
- 進度條優化:採用 Slider 組件,移除 Handle Slide Area(圓形手把)以呈現簡潔的進度感 。
- 自動貼齊技術:對進度條的背景與填充區使用「錨點延伸 (Stretch)」設定,讓子物件能隨著父物件自動填滿空間 。
2. 題庫資料結構化
將遊戲內容與程式邏輯分離,提升管理效率:
- 建立 JSON 題庫:將 20 題貓咪知識整理為 JSON 格式,包含題目字串、選項陣列及正確答案索引 。
- 資源管理自動化:將題庫檔案存放於 Resources 資料夾,利用程式碼進行動態讀取載入 。
3. 核心邏輯與程式實作
在 Unity 6 環境下撰寫遊戲控制中樞 :
- 開發 QuizManager 腳本:實作題庫載入、隨機換題、按鈕事件綁定以及進度條數值更新等核心功能 。
- 解決資料解析限制:設計 QuestionWrapper 類別作為「包裝盒」,克服 Unity 內建 JsonUtility 無法直接讀取陣列的問題 。
- 場景物件整合:建立 GameManager 空物件作為大腦,並在 Inspector 面板中完成 UI 元件(文字、按鈕、進度條)的連結 。