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!”画面，可以在下一波开始前花掉金币。
- 击败狐灵。 一波比一波紧张，最后登场的是最终 Boss——狐灵。
我们在电脑上实测，第一波连续点击大约 25 秒就打完了，所以完整打一局用喝杯咖啡的时间就够。到了后面几波，升级的作用才真正显现出来。
升级网：闪电、火焰、护盾与暴击
每两波之间，Petal Ward 会打开一张升级网：Hana 位于中央，分支向外延伸到各个彩色节点。彩色节点是你现在买得起的，灰色带锁的节点则要沿着分支继续解锁。游戏把用法说得很清楚：点一下升级查看效果，再点一下就购买。
开发者介绍，升级网分为四大类：闪电、火焰、护盾和暴击。在画面上，它们表现为环绕 Hana 的青色闪电节点、橙色火焰节点、绿色爱心护盾节点，以及金色星星和花瓣节点，每个都连着后续的锁定节点。点击节点时游戏会显示具体数值，建议以游戏内的数字为准，不要凭感觉猜。
在我们这局的第一波结束后，屏幕上写着“6 upgrades are in reach”（有 6 个升级可以买），口袋里有 23 枚金币，所以从一开始就有真正的选择空间，而不是被迫只能选一个。
守住魔法阵撑过八波的 8 个技巧
- 一直点，但要点在关键处。 点击会瞄准最近的敌人，所以持续点击就能把伤害集中到快要碰到你的妖怪身上。
- 留意连击数。 连击数一直往上涨，说明你在妖怪碰到魔法阵之前就把它们清掉了。如果连击经常中断，你需要的是更多伤害，而不是更多护盾。
- Petal Burst 留给真正的怪潮。 它有冷却时间，对着两只妖怪就放掉，等十只一起冲上来时你就没招了。
- 买之前先看清每个升级。 “点一下看、再点一下买”的设计意味着先逐个查看节点不会有任何损失。
- 早点选定一条伤害分支。 把金币平均撒在四条分支上，不如集中投入一条，把它的锁定节点解开。
- 最后几波前补上护盾。 狐灵最后登场，护盾分支练得更强，打 Boss 时就有更多容错空间。
- 用手机玩时打开声音。 拇指挡住部分屏幕时，声音能帮你更快察觉魔法阵受到攻击。
- 服装只是外观。 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。
