Voltar

Crie um jogo com classificação na sua app, sem programar

na 

Pedimos ao AI Extension Builder da GoodBarber um jogo de arcada completo: um Flappy Bird jogável com o dedo, em ecrã inteiro, com uma classificação partilhada por todos os jogadores. Aqui fica o resultado, o prompt exato que o gerou e aquilo que esta prova de conceito revela: com o AI Extension Builder, quase tudo o que se consegue descrever pode tornar-se uma secção da sua app.

Uma prova de conceito: até onde vai o builder?

Um videojogo não é aquilo que se espera de um app builder.

E é precisamente isso que faz dele um bom teste. Para perceber do que o AI Extension Builder é realmente capaz, mais vale pedir-lhe o improvável do que mais uma secção do costume. Descrevemos-lhe, então, um jogo de arcada completo — jogável com o dedo, em ecrã inteiro, com uma classificação partilhada por todos os jogadores — e ficámos a ver até onde aguentava.

Aguentou. A lição não é "publique jogos", mas antes "o teto está muito mais alto do que imagina": o que vale para um Flappy Bird vale também para aquela funcionalidade específica de que a sua app precisa mesmo. Tudo lhe foi descrito por palavras, em alguns parágrafos. Aqui fica o resultado.

O que construímos: o "Flappy Rush"

Gameplay de Flappy Rush: o pássaro amarelo voa entre os tubos verdes

Uma secção de jogo, embutida numa app, em três ecrãs que se encadeiam:

  • A entrada. Um título, uma frase de chamada, um campo para o nome de utilizador e um botão "Jogar". Nada mais.
  • O jogo. Ecrã inteiro, de ponta a ponta. Um pássaro amarelo cai por efeito da gravidade; cada toque dá-lhe um impulso. Passam tubos verdes e a pontuação sobe a cada passagem. Basta tocar num tubo, no chão ou no teto: a partida termina.
  • Os resultados. A pontuação final em grande, o top 10 do melhor para o pior, a sua linha realçada na classificação e um botão "Jogar de novo" que reinicia de imediato.

Tudo isto num visual de arcada retro assumido: céu azul, pássaro amarelo, tubos verdes, com uma dificuldade propositadamente suave para que seja agradável e não frustrante. Jogável com o dedo, fluido.

Mas o detalhe que muda tudo não está no ecrã. É que a classificação é partilhada e persistente. A sua pontuação não fica guardada no telemóvel: junta-se a uma tabela que todos os outros jogadores veem, e continua lá depois de fechar a app. Sem isso, o Flappy Rush seria um brinquedo solitário. Com isso, é uma competição entre toda a sua comunidade.

Voltamos a isto mais abaixo — porque é a parte mais interessante. Primeiro, o prompt.

A anatomia do prompt

Aqui fica, em traços gerais, o que escrevemos no builder. Nem uma linha de código: uma descrição, estruturada como se estivéssemos a explicar o jogo a alguém.

Cria um jogo "Flappy Bird" chamado "Flappy Rush" com uma classificação partilhada por todos os jogadores. O jogo decorre num canvas HTML, em ecrã inteiro. MÁQUINA DE ESTADOS — 3 ecrãs sucessivos, apenas UM visível de cada vez: ECRÃ 1 — Entrada: o título, uma frase de chamada, um campo para o nome de utilizador e um botão "Jogar". Nem o canvas nem a classificação estão visíveis. ECRÃ 2 — Jogo: ao clicar em "Jogar", mostra APENAS o canvas em ecrã inteiro. Um pássaro cai por efeito da gravidade; cada toque dá-lhe um impulso para cima. Passam pares de tubos verdes com uma abertura de passagem a uma altura aleatória. A pontuação aumenta 1 a cada tubo ultrapassado. A partida termina assim que o pássaro toca num tubo, no chão ou no teto. DIFICULDADE SUAVE (o jogo deve ser fácil e agradável, não frustrante): abertura de passagem larga (~um terço do ecrã), deslocação lenta, tubos muito espaçados, gravidade fraca e impulso suave. ECRÃ 3 — Resultados: a pontuação final em grande, a classificação top 10 ordenada do melhor para o pior (posição, nome de utilizador, pontuação) com a linha do jogador atual em destaque, e um botão "Jogar de novo" que inicia uma partida sem voltar a pedir o nome de utilizador. Regista cada pontuação numa classificação partilhada e persistente que TODOS os jogadores veem. Sem login: apenas um nome de utilizador antes de jogar. Visual colorido ao estilo de arcada retro: céu azul, pássaro amarelo, tubos verdes. Tátil, fluido, cuidado como uma verdadeira app.

Este prompt parece longo, mas nunca diz como programar seja o que for. Descreve uma experiência. E bastam quatro reflexos para o compreender — são esses que importa reter, muito mais do que este jogo em concreto.

1. Descrever ecrãs, não código. O cerne do prompt é uma máquina de estados: três ecrãs, apenas um visível de cada vez. Não se fala de variáveis nem de ciclos — descreve-se o que o utilizador vê em cada etapa e por que ordem. O builder traduz isso em código.

2. Afinar a sensação por palavras. A dificuldade não é dada em números, mas em intenções: "abertura larga", "deslocação lenta", "gravidade fraca", "agradável, não frustrante". Você dirige a sensação de jogo com palavras. É isto que separa um jogo que se mantém de um jogo que se fecha ao fim de dez segundos.

3. Pedir o nível de acabamento esperado. "Ecrã inteiro, de ponta a ponta", "tátil", "cuidado". O builder precisa de uma direção clara sobre a qualidade percebida, e não apenas sobre as funcionalidades. Basta uma frase.

4. Nomear os dados partilhados — e deixar o builder tratar deles. Uma única linha faz todo o trabalho invisível: "uma classificação partilhada e persistente que TODOS os jogadores veem". É ela que transforma um jogo a solo numa competição coletiva. E é ela que desencadeia a parte mais técnica — aquela de que falamos agora.

A classificação: é aqui que a coisa fica séria

Uma pontuação que só você vê não é uma classificação. Se desaparece quando fecha a app, ou recomeça do zero no telemóvel do vizinho, deixa de haver competição — apenas um contador privado.

Para que uma classificação exista de verdade, é preciso um sítio onde guardar as pontuações de toda a gente, regras que definam quem pode ler e escrever, e uma ligação permanente entre a app e esses dados. Essa camada — um backend — é precisamente a parte difícil, aquela que, ainda ontem, obrigava a um programador.

O AI Extension Builder monta-a por si, graças à sua nova integração com o Supabase. Quando o prompt pede "uma classificação partilhada e persistente", o builder percebe que esses dados têm de sobreviver e ficar visíveis para toda a gente, cria o armazenamento correspondente, protege-o com regras de acesso ao nível da linha (Row-Level Security), gere as chaves de ligação e liga tudo à secção. Você descreve a classificação; ele constrói o que está por trás.

É exatamente o caso de uso "tabelas de classificação e placares" que o builder passa a cobrir — tal como uma sondagem, um livro de visitas ou uma lista de reservas. O jogo é apenas uma forma espetacular de o demonstrar.

O que muda para a sua app — para além do jogo

O jogo era apenas um pretexto. O que o Flappy Rush demonstra verdadeiramente é que uma secção avançada, interativa e com dados partilhados a sério está agora ao alcance de um prompt — onde antes eram precisos um caderno de encargos e um programador.

E, se lhe apetecer, um mini-jogo pode perfeitamente encontrar o seu lugar num canto da sua app: com as cores da sua marca durante um evento, num "jogue para ganhar" que premeia as melhores pontuações, ou como classificação comunitária que dá um motivo para reabrir a app. Mas o essencial está noutro lado — no facto de já não ter de abdicar de uma funcionalidade só porque ela sai do catálogo.

Aliás, esta secção não é um pedaço de código isolado para alojar à parte. Integra-se na sua app como qualquer outra: com o alojamento GoodBarber incluído, o sistema Smart Design respeitado, e embutida nas suas apps iOS, Android e web, distribuídas nas lojas como as 190+ extensões do catálogo. É uma secção viva numa app a sério, e não uma demo para ligar por fora.

O que responde a uma objeção legítima: para quê criar um mini-jogo dentro de uma plataforma, em vez de o programar de raiz? Porque essa alternativa é uma armadilha. Quase tudo aquilo de que uma app precisa — alojamento, gestão de conteúdos, contas de utilizador, notificações push, pagamentos, publicação nas lojas — é igual em todas as apps, e já está construído e mantido por si. A parte que é verdadeiramente específica da sua ideia é apenas uma fina camada por cima. Uma plataforma permite-lhe dar por adquiridos esses 80% comuns e concentrar a sua energia apenas nos 20% que são seus — e agora também pode gerar esses 20% por prompt. Não se trata de "a plataforma faz tudo", nem de "construa tudo você mesmo": a plataforma trata do que é comum, você é o autor da parte que é realmente sua.

É o prolongamento direto do que a GoodBarber faz desde 2011: apps profissionais sem escrever uma linha de código, em 152 países. Quando falta uma funcionalidade no catálogo, já não a deixa de lado: descreve-a, e ela junta-se à sua app.

Para saber mais

Mãos à obra

Abra o AI Extension Builder no back-office da sua GoodBarber (ou comece um teste gratuito) e descreva uma secção que tinha arrumado na gaveta do "demasiado complicado" — um jogo, uma classificação, uma sondagem, um livro de visitas. Na primeira vez que precisar de memorizar ou de partilhar dados, ligue o Supabase em dois cliques e veja-a ganhar vida. Depois conte-nos o que criou: é isso que dá forma à próxima versão.

Em resumo (FAQ)

É mesmo possível criar um jogo com a GoodBarber?

Um jogo autónomo, não: a GoodBarber não é um motor de jogo, e a sua app não se transforma num jogo. O que o AI Extension Builder permite é incluir um mini-jogo dentro de uma página da sua app — uma secção interativa, aqui um Flappy Bird com classificação partilhada, descrita por palavras simples e construída sem programar. O jogo vive dentro da app, a par dos seus outros conteúdos; não é o produto principal.

É preciso saber programar?

Não. Você descreve o jogo em linguagem natural — os ecrãs, as regras, a sensação — e o builder gera o código e mostra-o ao vivo. Depois pode afinar o prompt, ou editar o código diretamente se assim o quiser.

Como é que a classificação é partilhada por todos os jogadores?

Graças ao conector Supabase do AI Extension Builder. Quando o prompt pede uma classificação partilhada e persistente, o builder cria a base de dados que guarda as pontuações, protege-a com regras de acesso e liga-a à secção — para que cada jogador veja a mesma tabela, atualizada ao ritmo das partidas.

Onde "vive" o jogo depois de criado?

Dentro das suas apps publicadas — iOS, Android e web. A secção herda o alojamento GoodBarber, segue o sistema Smart Design da sua app e vai para as lojas através da mesma cadeia de publicação de todas as outras extensões.

É preciso uma conta Supabase?

Sim. Na primeira vez que uma secção precisar de guardar dados, o builder pede-lhe para ligar o Supabase — uma plataforma de backend open source com um plano gratuito generoso. Autentica-se uma vez, e cada secção seguinte reutiliza essa ligação com um clique.

É possível aplicar este princípio a algo que não seja um jogo?

Sim. A gramática do prompt é reutilizável: descreva ecrãs, afine a sensação por palavras, nomeie os dados a partilhar. O mesmo raciocínio produz um quiz, um sorteio, um mural de votos ou qualquer mecânica de envolvimento com classificação.