Petal Ward é um jogo grátis de defesa contra yokai que você joga direto no navegador do celular ou do computador. Sua missão é proteger um círculo mágico brilhante por oito ondas enquanto os yokai avançam por todos os lados: seus disparos saem sozinhos, cada toque lança um tiro extra e um poderoso Petal Burst (explosão de pétalas) varre uma multidão inteira. Não precisa instalar nada nem criar conta.
O jogo é do pequeno estúdio OpenKrill e foi feito com Phaser 4, o framework open source para jogos HTML5. A seguir você vai ver como funciona uma partida, para que serve a rede de upgrades, oito dicas práticas e uma seção curta para desenvolvedores web sobre como a equipe deixou a versão mobile tão rápida.
Petal Ward em resumo
| Gênero | Defesa por ondas / sobrevivência em arena, controle com um polegar só |
| Desenvolvedora | OpenKrill |
| Engine | Phaser 4 (versão 4.2.1) |
| Plataformas | Navegadores de celular e de computador |
| Preço | Grátis, sem instalação e sem conta |
| Objetivo | Segurar o círculo mágico por 8 ondas; o espírito raposa vem por último |
| Onde jogar | petalward.openkrill.app |
A heroína é Hana, uma garota chibi com uma varinha de estrela que fica no meio do pátio de um santuário iluminado pela lua. Pétalas de cerejeira atravessam a tela, lanternas de pedra brilham nas bordas e pequenos yokai de sombra com olhos brilhantes vão se esgueirando até o círculo.
Como funciona uma partida de Petal Ward
Os controles são praticamente o mais simples que um jogo de ação pode ter, e é justamente por isso que ele funciona tão bem com o celular em uma mão só.
- Os disparos saem sozinhos. Hana atira automaticamente nos yokai próximos, então você não precisa mirar cada tiro.
- Toque em qualquer lugar para lançar. Cada toque manda mais um disparo no inimigo mais próximo. Tocando rápido, o contador de combo no topo da tela não para de subir.
- Petal Burst para emergências. O botão redondo no canto inferior esquerdo solta o Petal Burst, uma explosão que limpa a tela quando o enxame chega perto demais. Depois de usado, ele mostra uma contagem regressiva até ficar pronto de novo.
- Colete moedas. Cada yokai derrotado deixa moedas, que aparecem embaixo da barra de vida.
- Sobreviva à onda. Seu círculo tem uma barra de corações (no nosso teste ela começou em 20). Ao limpar uma onda, aparece a tela “CLEAR!” e você pode gastar moedas antes da próxima.
- Derrote o espírito raposa. As ondas vão crescendo até o chefe final, o espírito raposa, que chega por último.
No nosso próprio teste no computador, a primeira onda caiu em uns 25 segundos de toques sem parar, então uma partida completa cabe tranquilamente numa pausa para o café. É nas ondas seguintes que os upgrades começam a fazer diferença.
A rede de upgrades: raio, fogo, escudos e críticos
Entre as ondas, Petal Ward abre uma rede de upgrades: Hana fica no centro e dela saem galhos que levam a nós coloridos. Os nós coloridos são os que você já pode comprar; os cinzas com cadeado são liberados mais adiante em cada galho. O jogo explica direitinho como usar: toque uma vez no upgrade para ler o que ele faz e toque de novo para comprar.
Os desenvolvedores descrevem quatro famílias na rede: raio, fogo, escudos e críticos. Na tela, elas aparecem como um nó de raio ciano, uma chama laranja, um escudo verde com coração e nós dourados de estrela e de pétala em volta da Hana, cada um levando a nós bloqueados. Os números exatos aparecem no jogo quando você toca em um nó, então confira por lá em vez de chutar.
Depois da primeira onda da nossa partida, a tela dizia “6 upgrades are in reach” (6 upgrades ao seu alcance) com 23 moedas no bolso, ou seja, você tem escolhas de verdade desde o começo, e não uma única opção forçada.
8 dicas para segurar o círculo nas oito ondas
- Toque sem parar, mas onde importa. O toque mira o inimigo mais próximo, então tocar mantém o dano em cima dos yokai que estão prestes a chegar até você.
- Fique de olho no contador de combo. Combo subindo significa que você está eliminando os yokai antes de eles encostarem no círculo. Se ele zera toda hora, você precisa de mais dano, não de mais escudo.
- Guarde o Petal Burst para enxames de verdade. Ele tem tempo de recarga, então gastá-lo em dois yokai deixa você de mãos vazias quando chegarem dez de uma vez.
- Leia cada upgrade antes de comprar. Com o esquema de tocar para ler e tocar para comprar, conferir cada nó antes não tem nenhuma penalidade.
- Escolha cedo um galho de dano. Espalhar as moedas pelos quatro galhos rende menos do que avançar em um só até liberar os nós bloqueados.
- Reforce os escudos antes das ondas finais. O espírito raposa vem por último, e um galho de escudos mais forte dá margem para errar nessa luta.
- Jogue com som no celular. O áudio ajuda a perceber quando o círculo leva um golpe, mesmo com o polegar cobrindo parte da tela.
- As roupas são só visuais. O Wardrobe (guarda-roupa) muda apenas a aparência da Hana (“looks only, no power”, só visual, sem poder), então você nunca precisa liberar uma roupa para vencer. O jogo informa que os preços aparecem antes do pagamento e que nada é aleatório; uma das roupas aparece como disponível na versão do Telegram.
O que desenvolvedores de jogos web podem aprender com Petal Ward
A OpenKrill compartilhou uma escolha técnica que vale copiar em qualquer jogo HTML5 que precise carregar rápido no celular:
- As regras do jogo ficam em TypeScript puro, sem importar o Phaser. Ondas, dano, moedas e upgrades são código comum que não depende do renderizador.
- O renderizador do Phaser é carregado como um chunk lazy. A página consegue mostrar algo útil antes de chegar o código da engine, que é mais pesado.
Segundo a equipe, essa separação levou a pontuação de desempenho do Lighthouse no mobile de 70 para 99. Manter as regras separadas da renderização também facilita testar a lógica sem navegador e reaproveitá-la caso você um dia troque de renderizador.
O estúdio também conta que a arte e o código foram feitos com a ajuda de ferramentas de IA generativa, um contexto útil para quem está comparando formas de produzir jogos web pequenos.
| Técnica | Por que ajuda no mobile |
|---|---|
| Regras em TypeScript puro | Primeiro download menor, lógica testável por conta própria |
| Renderizador do Phaser com carregamento lazy | Primeira renderização mais rápida, a engine chega quando precisa |
| Controle com um polegar só | Funciona na vertical em qualquer celular |
| Ondas curtas | Cabe numa sessão rápida, fácil de recomeçar |
Se você também desenvolve com Phaser, o site oficial do Phaser traz as versões atuais do Phaser 4 e a documentação.
Para quem é Petal Ward?
Petal Ward é uma boa pedida se você curte jogos de arena rápidos que se jogam com um polegar só, arte fofa em estilo anime e uma camada leve de estratégia entre as rodadas. Não é um tower defense profundo, com mapas e torres para posicionar; está mais para um jogo de sobrevivência compacto em que suas decisões acontecem na rede de upgrades. Como roda no navegador, é fácil testar numa pausa do trabalho ou mandar o link para um amigo.
Perguntas frequentes
Petal Ward é grátis?
Sim. Petal Ward é grátis em navegadores de celular e de computador, sem instalação e sem conta. As roupas do Wardrobe mudam apenas a aparência da Hana.
Com qual engine Petal Ward foi feito?
Ele foi feito com Phaser 4 (versão 4.2.1), o framework open source para jogos HTML5, com as regras do jogo escritas em TypeScript puro.
Quantas ondas tem Petal Ward?
Uma partida tem oito ondas, e o espírito raposa chega por último.
Como funcionam os controles?
Os disparos saem sozinhos, tocar em qualquer lugar lança mais um disparo no inimigo mais próximo e o botão do Petal Burst limpa uma multidão quando termina de recarregar.
Dá para jogar Petal Ward no celular?
Sim. Ele foi feito para navegadores de celular e de computador e funciona muito bem na vertical, com um polegar só.
Onde posso jogar?
Na página oficial do jogo, petalward.openkrill.app.
