Todos os artigos

Estudo de caso: um clone jogável de Tetris feito com Gemini e Hostilo

tetris.hostilo.page é um clone de Tetris que funciona, gerado com o Google Gemini e publicado na Hostilo. É um exemplo útil justamente porque não ficou perfeito de primeira, e isso é normal.

O briefing

O objetivo era simples: um clone jogável de Tetris em um único arquivo HTML, construído só com prompts no Gemini, sem código escrito à mão. Peças caindo, rotação, linhas apagadas, controle pelo teclado: um projeto pequeno, mas interativo de verdade, mais perto de um aplicativo real do que de uma landing page estática.

Levou algumas rodadas, e esse é o ponto

A primeira versão do Gemini tinha bugs. Isso é normal quando você pede a uma IA algo com lógica de verdade: detecção de colisão, rotação e pontuação têm casos extremos que nem sempre funcionam de primeira. Chegar a um jogo funcionando levou várias rodadas: rodar o código, ver o que quebrou, descrever o problema ao Gemini, receber uma versão corrigida, repetir.

Vale dizer isso com clareza, porque muitas histórias de “a IA fez meu site” pulam direto para o sucesso e fazem parecer instantâneo. Na prática, qualquer coisa com interatividade real, como jogos, calculadoras e ferramentas com estado, costuma precisar de algumas iterações. Uma landing page estática raramente precisa; algo com lógica de jogo quase sempre.

Onde a Hostilo entra nesse processo

Todas as iterações aconteceram no chat com o Gemini, testando o arquivo localmente entre uma rodada e outra. A Hostilo não fez parte da etapa lenta. Quando a versão final e funcional ficou pronta, publicar foi o mesmo passo único de sempre: colar o HTML pronto no editor, salvar, e o jogo estava no ar em tetris.hostilo.page. O vai e vem com a IA levou tempo; ir do arquivo pronto ao link público, não.

O que levar para o seu projeto

Se você está construindo algo mais interativo que uma página estática, conte com iterar com a IA antes de publicar, não depois. Teste o arquivo primeiro no navegador, localmente. Quando algo quebrar, descreva exatamente o que acontece, e não o que deveria acontecer: “as peças não giram quando aperto a seta para cima” rende uma correção melhor do que “não funciona”. Só cole a versão final na Hostilo quando ela realmente funcionar do jeito que você quer.

Perguntas frequentes

Com qual ferramenta de IA o tetris.hostilo.page foi feito?
Com o Google Gemini. O jogo foi gerado como um único arquivo HTML em várias rodadas de prompts.

Funcionou certo na primeira tentativa?
Não. Como a maioria dos projetos de IA com interatividade real, a primeira versão tinha bugs. Foram algumas rodadas descrevendo o que estava quebrado e pedindo ao Gemini para corrigir até o jogo funcionar.

A Hostilo aceita páginas interativas como jogos ou só conteúdo estático?
Aceita. A Hostilo hospeda qualquer arquivo HTML, inclusive com JavaScript embutido, então jogos, calculadoras e ferramentas interativas funcionam do mesmo jeito que uma landing page estática.

Por que publicar continuou rápido, mesmo com o jogo precisando de várias iterações?
Porque as iterações aconteceram no chat com o Gemini, antes de qualquer coisa chegar à Hostilo. Publicar é um passo só: colar o arquivo pronto e salvar, não importa quantas rodadas o código precisou.