前 14 天我們一路從 Sprite、Container 一路走到互動、音效，最後還拼湊出一個「幸運餅乾」的小 Demo。老實說，PixiJS 的基礎差不多都打過一輪了。

不過如果真的要做出一款遊戲，光會 PixiJS 還不夠。畢竟它只是一個 2D 繪圖引擎，只是用來幫我們處理畫面上的事情而已，但遊戲真正的重點在於：

• 場景要怎麼切換？
• 玩家怎麼操作？
• 敵人怎麼動？
• 遊戲流程怎麼走？

這些才是遊戲的「骨架」。

所以接下來我們要換個方式寫。從今天開始，我不會再單純寫「某個物件怎麼用」，而是改成直接做遊戲，過程需要什麼就順便介紹。比如：

• 我們可能會需要用 Container 來做不同的頁面（主畫面、遊戲畫面、設定畫面…），那一天就聊「頁面管理」。
• 需要按鈕，就抽出一個可重複使用的 Button 類別，邊做邊講。

原本我想把「遊戲實作」壓在最後 3～5 天，但仔細想想這樣子做出來的成品可能會有點無趣，而且那幾天的篇幅可能會很長，所以乾脆從今天開始，剩下的 16 天就全部投入在這個小遊戲裡。每天一步一步疊上去，最後希望能做出一個完整又有趣的成品。

▸ 撰寫遊戲企劃

跟昨天一樣，在我們開始之前，必須先打好草稿，尤其接下來將會是為期 16 天的遊戲開發，就跟蓋房子一樣，如果沒有先把基底打好，可能蓋到一半就垮了。

經過好幾天的深思熟慮，我決定讓第三天就出現的小女巫作為主角，以此來構想這次的遊戲企劃，讓她陪伴我們到最後一天。

由於小女巫是一個騎著掃帚，面向右側的角色，因此我決定做一款橫版 Roguelike 生存遊戲。我暫時把這個遊戲命名為 《小女巫・啟程》。

核心玩法概述：

玩家控制的小女巫將會騎著掃帚在畫面上飛行。背景會持續向左滾動，營造一種小女巫不斷向右飛行的感覺。

遊戲的核心是一個「生存循環」：

1. 敵人從畫面右側不斷湧入。
2. 小女巫會自動發射魔法彈來擊退敵人。
3. 玩家需要操控小女巫上下移動來閃避敵人的衝撞。
4. 隨著遊戲時間增加，敵人數量和強度也會不斷提升。
5. 玩家透過擊殺敵人來賺取分數，並在遊戲中獲得升級機會，藉此強化魔法或攻擊範圍。
6. 最終，玩家將會面臨一場最終 BOSS 戰！必須擊敗強大的魔王才能宣告勝利並通關。

以下是我請 Google Gemini 幫我產生的遊戲示意圖，大概就是像這個樣子，玩家作為小女巫在畫面右側，不斷的往右邊飛行，右邊會出現許多怪物阻擋我們，直到我們擊敗最終 BOSS 為止！

▸ 總結

從明天 Day 16 開始，我們就要正式進入程式碼實作階段。

第一步，我們要先做出這個遊戲的「基底」：讓小女巫出現在畫面上，並且讓她身後的背景動起來，營造出飛行的感覺。這不僅是視覺上的第一步，也將是我們實作橫版捲軸遊戲的關鍵。

老實說，這也是我第一次嘗試製作 Roguelike 生存類型的遊戲，不確定中途會遇到什麼樣的問題，以及最後的成品會如何，所以就讓我們一起努力吧～