Petal Ward 是一款免費的妖怪防禦遊戲，打開手機或電腦的瀏覽器就能直接玩。你要守護一個發光的魔法陣，撐過八波從四面八方湧來的妖怪：法術彈會自動發射，點一下螢幕就多放一發，危急時還能用一招威力強大的 Petal Burst（花瓣爆發）掃掉一大群敵人。不用安裝，也不必註冊帳號。
這款遊戲出自小型工作室 OpenKrill，以開源 HTML5 遊戲框架 Phaser 4 開發。下面會介紹一局怎麼玩、升級網有什麼作用、八個實用技巧，最後還有一小段寫給網頁遊戲開發者，聊聊團隊如何讓手機版跑得這麼快。
Petal Ward 快速總覽
| 類型 | 波次防禦／競技場生存，單手拇指操作 |
| 開發者 | OpenKrill |
| 引擎 | Phaser 4（版本 4.2.1） |
| 平台 | 手機與電腦網頁瀏覽器 |
| 價格 | 免費，免安裝、免帳號 |
| 目標 | 守住魔法陣撐過 8 波，狐靈最後登場 |
| 遊玩網址 | petalward.openkrill.app |
女主角叫做 Hana，是一位拿著星星魔杖的 Q 版少女，站在月光下的神社庭院正中央。櫻花瓣在畫面上飄落，石燈籠在邊緣亮著光，一隻隻眼睛發亮的小影子妖怪正悄悄逼近魔法陣。
Petal Ward 一局怎麼玩
操作簡單到動作遊戲的極致，也正因如此，單手拿著手機就能玩得很順。
- 法術彈自動發射。 Hana 會自動攻擊附近的妖怪，不用每一發都自己瞄準。
- 點螢幕任一處施法。 每點一下，就朝最近的敵人多射一發法術彈。點得越快，螢幕上方的連擊數就會一路往上衝。
- 緊急時刻靠 Petal Burst。 左下角的圓形按鈕會發動 Petal Burst，一招清場的爆發技，專門對付貼得太近的妖怪群。用完後會顯示倒數，冷卻結束才能再用。
- 收集金幣。 每打倒一隻妖怪都會掉金幣，數量顯示在血條下方。
- 撐過這一波。 魔法陣有一條愛心血條（我們測試時起始值為 20）。清完一波會跳出「CLEAR!」畫面，可以在下一波開始前花掉金幣。
- 打倒狐靈。 波次一波比一波緊湊，最後登場的是最終頭目——狐靈。
我們在電腦上實測，第一波連續點擊大約 25 秒就清完了，所以完整玩一局只要喝杯咖啡的時間。到了後面幾波，升級才真正開始發揮作用。
升級網：閃電、火焰、護盾與爆擊
每兩波之間，Petal Ward 會打開一張升級網：Hana 在正中央，分支向外延伸到各個彩色節點。彩色節點代表現在就買得起，灰色上鎖的節點則要沿著分支往下才會解鎖。遊戲把用法講得很清楚：點一下升級看說明，再點一下就購買。
開發者表示，升級網分成四大類：閃電、火焰、護盾和爆擊。畫面上則是圍繞著 Hana 的青色閃電節點、橘色火焰節點、綠色愛心護盾節點，以及金色星星和花瓣節點，每一個都連到後續上鎖的節點。點選節點時遊戲會顯示確切數值，請以遊戲內的數字為準，不要憑感覺猜。
我們這局打完第一波後，畫面上寫著「6 upgrades are in reach」（有 6 個升級買得起），手上有 23 枚金幣，所以一開始就有實質的選擇，而不是只能被迫挑一個。
守住魔法陣撐過八波的 8 個技巧
- 一直點，但要點在刀口上。 點擊會鎖定最近的敵人，所以持續點擊就能把傷害集中在快碰到你的妖怪身上。
- 注意連擊數。 連擊數持續上升，代表你在妖怪碰到魔法陣前就把牠們清掉了。如果連擊常常中斷，你缺的是傷害，不是護盾。
- Petal Burst 留給真正的怪潮。 它有冷卻時間，對兩隻妖怪就用掉的話，等十隻一起衝上來時你就沒招了。
- 買之前先把每個升級看清楚。 「點一下看、再點一下買」的設計，代表先逐一查看節點完全沒有損失。
- 早點選定一條傷害分支。 把金幣平均撒在四條分支上，效果不如集中投資一條，把它上鎖的節點解開。
- 最後幾波前補強護盾。 狐靈最後才登場，護盾分支練得越強，打頭目時容錯空間越大。
- 用手機玩記得開聲音。 拇指擋住部分螢幕時，聲音能幫你更快發現魔法陣被打中了。
- 服裝純屬外觀。 Wardrobe（衣櫃）只會改變 Hana 的樣子（「looks only, no power」，只有外觀、沒有能力加成），所以完全不需要解鎖服裝也能破關。遊戲也註明付款前會顯示價格，而且沒有任何隨機抽取；其中一套服裝標示為 Telegram 版可用。
網頁遊戲開發者能從 Petal Ward 學到什麼
OpenKrill 分享了一個技術上的選擇，任何需要在手機上快速載入的 HTML5 遊戲都很值得參考：
- 遊戲規則用純 TypeScript 撰寫，不匯入 Phaser。 波次、傷害、金幣和升級都是一般程式碼，不依賴渲染器。
- Phaser 渲染器以延遲載入的程式區塊（lazy chunk）載入。 在較重的引擎程式碼抵達之前，頁面就能先顯示有用的內容。
根據團隊的說法，這樣拆分讓遊戲的行動版 Lighthouse 效能分數從 70 提升到 99。把規則和渲染分開，也讓邏輯更容易在沒有瀏覽器的情況下測試，日後若要換渲染器也更好重複利用。
工作室也提到，遊戲的美術和程式碼在製作過程中借助了生成式 AI 工具。對於正在比較小型網頁遊戲開發方式的人來說，這是很有參考價值的背景資訊。
| 技術 | 對手機版的幫助 |
|---|---|
| 規則用純 TypeScript 撰寫 | 首次下載更小，邏輯可獨立測試 |
| 延遲載入 Phaser 渲染器 | 首次繪製更快，引擎需要時才載入 |
| 單手拇指操作 | 任何手機直式都能玩 |
| 波次短 | 適合零碎時間，重來很方便 |
如果你自己也用 Phaser 開發，可以到官方 Phaser 網站查看最新的 Phaser 4 版本與說明文件。
誰會喜歡 Petal Ward？
如果你喜歡只要一根拇指就能玩的快節奏競技場遊戲、可愛的動漫風畫面，再加上回合之間一點輕度策略，Petal Ward 會是很好的選擇。它不是要擺地圖、蓋塔的硬核塔防，比較像一款精簡的生存遊戲，策略選擇都在升級網裡完成。因為直接在瀏覽器執行，工作空檔就能開一局，也能把連結丟給朋友一起玩。
常見問題
Petal Ward 免費嗎？
免費。Petal Ward 在手機和電腦瀏覽器上都能免費玩，不用安裝也不用帳號。Wardrobe 裡的服裝只會改變 Hana 的外觀。
Petal Ward 是用什麼引擎做的？
它以開源 HTML5 遊戲框架 Phaser 4（版本 4.2.1）開發，遊戲規則則以純 TypeScript 撰寫。
Petal Ward 總共有幾波？
一局共有八波，狐靈會在最後登場。
要怎麼操作？
法術彈會自動發射，點螢幕任一處會朝最近的敵人多射一發，Petal Burst 按鈕冷卻結束後可以清掉一大群敵人。
可以用手機玩 Petal Ward 嗎？
可以。它專為手機和電腦瀏覽器打造，直式單手拇指操作就很順手。
在哪裡可以玩？
在官方遊戲頁面 petalward.openkrill.app。
