歡迎來到第八天！擁有了兩款玩法豐富的小遊戲後，今天我們的重點是架構整個「遊戲大廳」與 UI 操作介面，將這兩個獨立世界完美串聯。

大廳場景佈局與視覺熱區

我們將遊戲大廳設計為一個溫馨、療癒的實體門市縮影，並設有兩個極具特色的互動熱區：

1. 櫃檯區（雪花冰機）：放置著一台運轉中的雪花冰機，點擊即觸發「冰品甜點製作」小遊戲。
2. 窗邊區（青花瓷器）：古色古香的窗台邊擺放著青花瓷瓶，點擊即進入「青花瓷豆花怪抓捕」小遊戲。

UI/UX 介面設計重點

在 Cocos Creator 中，我們採用了分層（Canvas Layer）的介面架構：

• 主視角 HUD：頂部顯示玩家名稱、個人累計點數、金幣與會員登入狀態。
• 場景動態與引導：雪花冰機與青花瓷器上方加上微弱的呼吸燈動畫與提示標籤，引導顧客進行點擊。
• 小遊戲載入彈窗（Modal）：點擊熱區時跳出遊戲簡介與歷史最高分，並提供「開始遊戲」按鈕。

Cocos Creator 實戰

在 Cocos 中，我利用 AI 產生的 Sprite 圖檔放置 Anchor Point，並設置 EventListener（Touch Target）。透過元件化的腳本設計，大廳能夠隨時彈性擴充未來的第三或第四個小遊戲入口！

大廳架構完成後，整體的門市體驗感油然而生！