Como rodar o jogo do dinossauro do Chrome fora do navegador
O jogo do dinossauro do Chrome é basicamente um canvas HTML5 com um sprite sheet embutido e um loop simples de requestAnimationFrame. A versão oficial roda em chrome://dino quando não há internet, mas muita gente quer rodar isso standalone, sem depender do navegador aberto. O arquivo HTML é autocontido: contém todo o CSS, o JS e os assets em base64 dentro do próprio código. Nada para baixar externamente.
quero joguinho de dinossauro
Se você só quer o executable ou um link pronto, a abordagem mais direta é salvar o arquivo fonte. Abra o Chrome, vá até chrome://dino, aperta F12, vai no Application ou Sources, localiza o bundle do jogo — geralmente chamado dino.js ou algo do tipo — e copia. Na verdade, tem uma maneira muito mais simples: o jogo carrega como um resource do Chrome. Você pode acessar o source direto pelo comando sobre:o que o Chrome expõe internamente. Não vou entrar no detalhe de cada build, porque muda conforme a versão, mas o resultado é sempre o mesmo: um HTML com tudo inline. Eu já vi muita gente tentanto usar fetch() pra baixar o arquivo de dentro do navegador e acabando esbarrando em CORS porque o recurso não é servido com headers de cross-origin. Isso acontece especialmente se você tentar carregar o arquivo a partir de uma página qualquer na sua máquina. A solução é simples: use o caminho file:// com o HTML já salvo localmente, ou rode um server local só pra servir o arquivo como arquivo estático. Quando você salva o HTML completo e abre direto, não precisa de servidor nenhum. O cache do navegador também é um fator que atrapalha — eu perdi umas duas horas tentando debugar sprites quebrados porque o Chrome tá servindo uma versão cacheada de 2019 do bundle. Limpa o cache do protocolochrome://cache, recarrega, e o jogo volta a funcionar direito.
👉 Clique no botão abaixo para saber mais sobre o assunto!
Se o objetivo é transformar isso em algo executável fora do navegador, existem dois caminhos que funcionam na prática. O primeiro é usar Electron ou Tauri pra empacotar o HTML num app desktop. O segundo, bem mais rápido se você não quer configurar nada, é usar uma ferramenta como npx create-electron-app ou simplesmente rodar com um wrapper Node. Eu prefiro o caminho mais leve: Node com a lib puppeteer e um server HTTP pequeno que serve o HTML e roda o jogo em modo headless se precisar de automação, ou em modo visível pra jogar normalmente. Demora cerca de 10 minutos pra deixar funcional do zero até o ponto de clicar e jogar. Outra coisa que as pessoas esquecem: o jogo original não tem estado persistente. Salvar high score é um problema se você quer levar o arquivo pra outra máquina. A solução padrão é usar localStorage, mas o Chrome bloqueia acesso ao localStorage quando você roda o arquivo via file:// em algumas configurações de segurança. Se você travar nisso, a saída é usar IndexedDB em vez de localStorage. IndexDB não tem a mesma restrição de origem quando o arquivo é aberto diretamente, e funciona de forma transparente pro usuário final.
Para quem quer apenas jogar agora, a opção mais prática é acessar o jogo pela URL direta: chrome://dino. Se estiver offline, abre o Chrome e digita. Se quiser ter o arquivo de verdade guardado, você pode extrair o HTML completo usando devtools, copiando o source da aba Sources, e salvando como dino.html na sua pasta pessoal. Aí é só dar duplo clique. O jogo funciona mesmo sem conexão, sem servidor, sem dependência alguma. Limitações reais: a versão original é muito básica. Sem modo noturno, sem personalização de skin, sem multiplayer. Se você quer algo mais elaborado, vai precisar modificar o source ou procurar projetos opensource que estendem o jogo. A comunidade tem várias forks úteis, como o onesegundo/dino e o tonyflax/dino-game, ambos no GitHub. Alguns adicionam tema dark, outros adicionam obstáculos novos, alguns implementam ranking online com backend próprio. Eu já peguei um desses forks que tinha um bug de colisão no cacto quando o frame rate caía abaixo de 30fps — o dino atravessava o obstáculo porque o cálculo de colisão usava delta time truncado pra inteiro. A correção foi mudar pra usar float no delta. Coisa simples, mas passa despercebida.
Se você estiver no mobile, o jogo original não responde bem a touch por padrão. A versão desktop usa space e seta pra cima. Pra adicionar suporte a toque, você precisa interceptar o evento touchstart e mapear pros mesmos comandos. É cerca de 20 linhas de código. Nada complexo, mas exige que você entenda o pipeline de input do jogo primeiro. Resumindo sem resumo: baixe o HTML, abra localmente, jogue. Se precisar de algo além disso, aí sim parte pra modificação ou empacotamento. O jogo em si não tem segredo — é só HTML, CSS e JS bem simples rodando num canvas.
