Petal Ward — бесплатная игра про защиту от ёкаев, в которую играют прямо в браузере телефона или компьютера. Ваша задача — охранять светящийся магический круг на протяжении восьми волн, пока ёкаи наступают со всех сторон. Снаряды летят сами, тап добавляет ещё один выстрел, а мощный Petal Burst («взрыв лепестков») сметает целую толпу. Ничего не нужно устанавливать и не нужно заводить аккаунт.
Игру сделала небольшая студия OpenKrill на Phaser 4 — открытом фреймворке для HTML5-игр. Ниже — как проходит забег, зачем нужна сеть улучшений, восемь практических советов и небольшой раздел для веб-разработчиков о том, как команда добилась такой быстрой мобильной версии.
Petal Ward в двух словах
| Жанр | Защита от волн / выживание на арене, управление одним пальцем |
| Разработчик | OpenKrill |
| Движок | Phaser 4 (версия 4.2.1) |
| Платформы | Браузеры на телефоне и компьютере |
| Цена | Бесплатно, без установки и аккаунта |
| Цель | Удержать магический круг 8 волн; лис-дух появляется последним |
| Где играть | petalward.openkrill.app |
Главная героиня — Хана (Hana), чиби-девочка со звёздной волшебной палочкой. Она стоит в центре залитого лунным светом двора святилища. По экрану летят лепестки сакуры, по краям светятся каменные фонари, а к кругу подкрадываются маленькие тенистые ёкаи со светящимися глазами.
Как проходит забег в Petal Ward
Управление здесь настолько простое, насколько это вообще возможно для экшена, и именно поэтому в игру удобно играть на телефоне одной рукой.
- Снаряды летят сами. Хана автоматически стреляет по ближайшим ёкаям, так что целиться в каждого не нужно.
- Тапайте где угодно, чтобы колдовать. Каждый тап отправляет ещё один снаряд в ближайшего врага. Если тапать быстро, счётчик комбо вверху экрана растёт.
- Petal Burst — на крайний случай. Круглая кнопка в левом нижнем углу запускает Petal Burst — взрыв, очищающий экран, когда толпа подобралась слишком близко. После использования на кнопке идёт обратный отсчёт до следующего заряда.
- Собирайте монеты. Каждый побеждённый ёкай роняет монеты, их число показано под полоской здоровья.
- Переживите волну. У круга есть полоска сердец (в нашем тесте — 20 на старте). После зачистки волны появляется экран «CLEAR!», и перед следующей волной можно потратить монеты.
- Победите лиса-духа. Волны ведут к финальному боссу — лису-духу, который приходит последним.
В нашем собственном тесте на компьютере первая волна пала примерно за 25 секунд непрерывного тапанья, так что полный забег укладывается в перерыв на кофе. А вот в поздних волнах улучшения уже начинают играть роль.
Сеть улучшений: молнии, огонь, щиты и криты
Между волнами Petal Ward открывает сеть улучшений: Хана в центре, а от неё расходятся ветви к цветным узлам. Цветные узлы можно купить прямо сейчас, серые узлы с замком открываются дальше по каждой ветви. Игра прямо объясняет, как ею пользоваться: тапните по улучшению один раз, чтобы прочитать описание, и ещё раз — чтобы купить.
Разработчики выделяют в сети четыре семейства: молнии, огонь, щиты и криты. На экране это голубой узел молнии, оранжевое пламя, зелёный щит-сердце и золотые узлы со звездой и лепестком вокруг Ханы, и каждый ведёт к закрытым следующим узлам. Точные значения игра показывает при тапе по узлу, так что смотрите их там, а не гадайте.
После первой волны нашего забега на экране было написано «6 upgrades are in reach» («доступно 6 улучшений»), а в кармане лежало 23 монеты, так что настоящий выбор есть с самого начала, а не одна вынужденная покупка.
8 советов, как удержать круг все восемь волн
- Тапайте постоянно, но с умом. Тап бьёт ближайшего врага, поэтому непрерывные тапы просто держат урон на тех ёкаях, которые вот-вот до вас доберутся.
- Следите за счётчиком комбо. Растущее комбо значит, что вы убиваете ёкаев раньше, чем они коснутся круга. Если оно часто сбрасывается, вам нужно больше урона, а не больше щитов.
- Берегите Petal Burst для настоящих толп. У него есть перезарядка: потратите его на двух ёкаев — и останетесь ни с чем, когда разом придут десять.
- Читайте каждое улучшение перед покупкой. Схема «тап — прочитать, второй тап — купить» означает, что проверить каждый узел можно без всякого штрафа.
- Рано выберите одну ветку урона. Размазывать монеты по всем четырём веткам хуже, чем прокачать одну настолько, чтобы открыть её закрытые узлы.
- Добавьте щитов перед финальными волнами. Лис-дух приходит последним, и прокачанная ветка щитов даёт право на ошибку в этом бою.
- Играйте на телефоне со звуком. По звуку проще заметить удар по кругу, когда палец закрывает часть экрана.
- Костюмы — чисто косметика. Гардероб (Wardrobe) меняет только внешний вид Ханы («looks only, no power»), так что открывать костюмы для победы не нужно. В игре сказано, что цена показывается до оплаты и ничего не выпадает случайно; один костюм помечен как доступный в версии для Telegram.
Чему веб-разработчики игр могут научиться у Petal Ward
OpenKrill поделилась одним техническим решением, которое стоит перенять в любую HTML5-игру, которой нужно быстро грузиться на телефонах:
- Правила игры написаны на чистом TypeScript без импорта Phaser. Волны, урон, монеты и улучшения — обычный код, не зависящий от рендерера.
- Рендерер Phaser подгружается отдельным ленивым чанком (lazy chunk). Страница успевает показать что-то полезное ещё до того, как придёт более тяжёлый код движка.
По словам команды, такое разделение подняло мобильный показатель производительности Lighthouse с 70 до 99. Кроме того, когда правила отделены от отрисовки, логику проще тестировать без браузера и проще переиспользовать, если когда-нибудь придётся сменить рендерер.
Студия также сообщает, что графика и код создавались с помощью инструментов генеративного ИИ — полезный контекст для тех, кто сравнивает подходы к производству небольших веб-игр.
| Приём | Чем помогает на мобильных |
|---|---|
| Правила на чистом TypeScript | Меньше первая загрузка, логику можно тестировать отдельно |
| Ленивая загрузка рендерера Phaser | Быстрее первая отрисовка, движок приходит, когда нужен |
| Управление одним пальцем | Работает в портретном режиме на любом телефоне |
| Короткие волны | Подходит для быстрой сессии, легко начать заново |
Если вы сами делаете игры на Phaser, на официальном сайте Phaser есть актуальные релизы Phaser 4 и документация.
Кому понравится Petal Ward?
Petal Ward — хороший выбор, если вы любите быстрые аренные игры под один палец, милый аниме-стиль и лёгкий слой стратегии между раундами. Это не глубокий tower defense с картами и расстановкой башен, а скорее компактная игра на выживание, где все решения принимаются в сети улучшений. Раз она работает в браузере, её легко попробовать в перерыве на работе или скинуть другу ссылкой.
Частые вопросы
Petal Ward бесплатная?
Да. Petal Ward бесплатна в браузерах на телефоне и компьютере, без установки и аккаунта. Костюмы из гардероба меняют только внешний вид Ханы.
На каком движке сделана Petal Ward?
На Phaser 4 (версия 4.2.1) — открытом фреймворке для HTML5-игр, а правила игры написаны на чистом TypeScript.
Сколько волн в Petal Ward?
В забеге восемь волн, а лис-дух появляется последним.
Как устроено управление?
Снаряды летят автоматически, тап в любом месте отправляет ещё один снаряд в ближайшего врага, а кнопка Petal Burst сметает толпу, когда перезарядка закончилась.
Можно ли играть в Petal Ward на телефоне?
Да. Игра сделана для браузеров на телефоне и компьютере и отлично играется в портретном режиме одним пальцем.
Где в неё поиграть?
На официальной странице игры: petalward.openkrill.app.
