Skip to content

Puzzle platformer com IA: como criar o jogo no navegador

Puzzle platformer com IA: como criar o jogo no navegador

Descreva o personagem, as peças que reagem a ele (blocos, alavancas, portas), a ordem em que a fase precisa ser resolvida e como reiniciar sem perder o jogo. O Zugo gera tudo em 2D para navegador, testa o projeto antes de entregar e publica em seu-slug.zugo.run. Construir custa 6 créditos.

O gênero mistura duas coisas que se pedem de formas diferentes. O pulo é sensação, ajustada por número. O quebra-cabeça é regra, e regra só existe se estiver escrita.

O que separa um puzzle platformer de um jogo de plataforma comum?

No jogo de plataforma clássico, a dificuldade está na execução: o salto é apertado, o inimigo se move na hora errada, e você repete até acertar o tempo. Aqui a dificuldade está no entendimento: você olha a tela e ainda não sabe o que fazer.

Isso muda o desenho inteiro. O caminho não pode ser óbvio, mas todas as peças precisam estar visíveis. Quando a solução exige uma alavanca que o jogador não tinha como ver, deixa de ser desafio e vira adivinhação.

Muda também a relação com o erro. Num jogo de reflexo o erro custa três segundos. Num quebra-cabeça o erro pode deixar a fase impossível sem que o jogador perceba, e é esse o problema central do gênero.

A parte da movimentação segue as mesmas regras do gênero vizinho, então vale montar o pulo primeiro seguindo como fazer um jogo de plataforma com IA e só depois acrescentar as peças de lógica.

Que peças o prompt precisa nomear?

Cada peça é uma regra de comportamento, e a ferramenta só implementa o que for descrito. Esta lista cobre a maioria das fases do gênero.

Peça Comportamento a descrever
Bloco empurrável "o personagem empurra a caixa andando contra ela, mas não consegue puxar"
Botão de pressão "fica ativo enquanto houver peso em cima e desliga quando sai"
Alavanca "muda de estado ao ser acionada e continua assim até ser acionada de novo"
Porta "abre enquanto o botão ligado a ela estiver ativo"
Plataforma móvel "vai e volta entre dois pontos, e leva junto quem estiver em cima"
Chave e fechadura "a chave some do mapa ao ser pega e abre apenas a porta da mesma cor"

A diferença entre botão de pressão e alavanca parece pequena e é a base de metade dos quebra-cabeças. O botão exige que algo permaneça em cima, o que cria a necessidade de arrastar uma caixa. A alavanca guarda estado, o que cria sequência.

A frase sobre a plataforma móvel levar quem está em cima resolve um bug comum: sem ela, o personagem fica parado no ar enquanto o chão escapa embaixo dos pés.

O que sai da primeira construção?

Um personagem que anda e pula, uma fase com plataformas, as peças que você nomeou funcionando de forma isolada e uma saída que termina a fase. A construção simples leva cerca de um minuto, e projetos maiores levam alguns minutos, como está detalhado em quanto tempo leva para ficar pronto.

O que quase sempre falta é o reinício rápido da fase. Neste gênero ele não é conforto, é mecânica: sem uma tecla que recomece na hora, o jogador precisa recarregar a página cada vez que empurra uma caixa para o buraco errado.

Falta também a memória do estado. Se a porta abriu e o jogador voltou para trás, a porta continua aberta? Você precisa responder isso no prompt, senão a resposta sai sorteada pelo acaso da implementação.

Por que a fase fica impossível sem o jogador perceber?

Porque a maior parte das ações do gênero não tem volta. Empurrar uma caixa para um canto, gastar a única chave na porta errada, cair num poço de onde dá para sair andando: em todos esses casos o jogo continua rodando e a fase já morreu.

Existem três tratamentos e vale escolher um de propósito, dizendo isso no prompt.

O mais simples é o reinício com uma tecla, sempre visível na tela. Assume que becos sem saída acontecem e devolve o controle ao jogador em meio segundo.

O segundo é desfazer o último movimento, comum em jogos de empurrar caixa. É mais confortável e mais caro de pedir, porque exige guardar o histórico dos estados da fase.

O terceiro é projetar sem becos: todo movimento pode ser desfeito dentro do próprio jogo, empurrando a caixa de volta pelo outro lado. Custa zero em créditos e todo o trabalho recai sobre o desenho da fase.

Como garantir que a fase tem solução?

Resolvendo você mesmo, do começo ao fim, sem usar nada que só você sabe. A ferramenta implementa as regras que recebeu e não verifica se a fase é vencível, então essa checagem é humana e não tem atalho.

Um método que funciona: monte a fase de trás para frente. Comece pela saída, decida o que a bloqueia, decida o que libera esse bloqueio, e continue até chegar no ponto de partida. A cadeia fica curta e nenhuma peça sobra sem função.

Depois faça o teste do estranho. Peça para alguém que não viu a fase jogar sem explicação. Se a pessoa fica olhando parada por mais de um minuto, falta uma pista visual, não falta inteligência dela.

E cuidado com o excesso de peças. Fase com sete elementos diferentes costuma ser confusa, não difícil. Uma ideia por fase, com uma variação no fim, rende mais do que uma fase que tenta tudo de uma vez.

Como fazer o jogador entender o que a alavanca faz?

Mostrando a consequência. A regra prática do gênero é que causa e efeito precisam caber na mesma tela na primeira vez que o jogador encontra a peça.

Peça isso literalmente: "na primeira fase em que a alavanca aparece, a porta que ela controla está visível ao lado". Depois que a relação foi ensinada, a porta pode ficar longe, e aí ela vira quebra-cabeça de verdade.

Ajuda também ligar cor e forma. Botão vermelho abre porta vermelha, e a ligação aparece sem uma palavra de texto. É o jeito mais barato de explicar mecânica sem tutorial escrito, que quase ninguém lê.

O terceiro recurso é o som e a animação curta. Uma alavanca que faz barulho e uma porta que se move devagar dizem ao jogador que algo aconteceu mesmo quando a porta está fora do campo de visão.

Se a sua ideia depende mais de gravidade e colisão do que de estados e portas, o gênero vizinho serve melhor: veja como fazer um quebra-cabeça de física com IA.

Quanto custa em créditos montar as fases?

Ação Créditos
Construir o jogo 6
Uma edição 3
Construção no modo Hi-Fi 12
Edição no modo Hi-Fi 6

A construção entrega a mecânica. O conteúdo é o que soma, e por isso vale pedir desde o começo que as fases fiquem descritas numa lista de configuração, com o mapa em texto simples. Assim acrescentar fases não é edição de lógica, é edição de dados, e você consegue mexer várias de uma vez.

Uma conta realista para um jogo com seis a oito fases: uma construção, três edições de mecânica (reinício, estado das portas, plataforma móvel) e duas ou três de conteúdo. O Pro custa $25 por mês com 200 créditos, cerca de 33 construções ou 66 edições, o que cobre esse tipo de projeto com folga. O Business custa $99 por mês com 800 créditos, e o Free tem 5 créditos, menos do que uma construção.

O que fica fora desse formato?

Os jogos são 2D e rodam no navegador. É exatamente onde o gênero nasceu, então a limitação incomoda pouco, mas ela existe: nada de três dimensões e nada de publicação direta na loja de aplicativos com compra dentro do app.

Editor de fases dentro do jogo, para o jogador criar e compartilhar mapas, é um produto inteiro e não uma edição. Exige salvar dados de gente diferente, ou seja, conta de usuário e banco de dados conectado.

E o limite honesto: a qualidade de um quebra-cabeça é julgamento humano. A ferramenta implementa a fase que você descrever, mesmo que ela seja trivial ou injusta. Num produto complexo o Zugo não substitui um time de desenvolvimento, e lógica de negócio bem específica se resolve por edições sucessivas, não com um prompt único.

O que escrever no primeiro prompt?

Seis frases: como o personagem se move, quais peças existem na fase, como cada uma reage, o que termina a fase, como se reinicia e a descrição da primeira fase, que deve ser fácil e ensinar uma peça só.

Depois resolva essa fase três vezes seguidas. Se der para vencer sem entender nada, ela está frouxa. Se der para travar sem perceber, falta o reinício rápido. Comece pelo básico em Zugo.

← Todos os artigos