Como funciona o jogo do dinossauro do Chrome
Quando a internet cai e você fica sem nada para fazer, abre o Chrome e digita chrome://dino ou simplesmente pressiona Espaço quando a mensagem "No Internet" aparece na tela de erro. Um dinossauro T-Rex começa a correr em um cenário em preto e branco, e o único objetivo é pular obstáculos e se abaixar antes dos pássaros que aparecem. É um jogo desenvolvido pela Google em 2014, escrito em JavaScript puro, sem bibliotecas externas, sem gráficos pesados. O código-fonte original está disponível publicamente e muita gente já fez forks dele. O jogo roda em canvas HTML5. A cada frame, ele calcula a posição do dinossauro, dos cactos e das aves, verifica colisão por bounding box e incrementa a velocidade gradualmente. A dificuldade não aumenta de forma dramática no início — você tem uns 7 ou 8 segundos antes de a velocidade ficar realmente desafiadora. Depois disso, os intervalos entre os obstáculos encurtam e a velocidade de rolagem do terreno sobe.
jogo de dinossauro online: opções de jogar fora do Chrome
Se você não quer depender do Chrome ou está em um dispositivo onde o atalho não funciona, existem várias versões hospedadas pela comunidade. Sites como playgog.com, dinosaur-test.vercel.app e o repositório oficial do projeto no GitHub oferecem versões jogáveis diretamente no navegador. A versão do GitHub é particularmente interessante porque permite ver o código completo, modificar os sprites, alterar a física e até rodar localmente baixando o arquivo index.html. Eu já usei isso para testar modificações em ambientes controlados.
Controles e mecânica básica
A tecla Espaço ou a seta para cima faz o dinossauro pular. A seta para baixo o faz se abaixar, o que é necessário para passar por baixo dos pterodáctilos na fase aérea. Na versão mobile, basta tocar na tela para pular, e tocar e segurar para abaixar. Não há mecanismo de dash, pulo duplo ou invencibilidade — é tudo ou nada a cada obstáculo. Um detalhe que muitos não percebem: o jogo tem um sistema de high score local armazenado em localStorage. Se você fechar a aba e voltar, seu recorde ainda estará lá. O placar também escala exponencialmente — a cada mil pontos, a velocidade aumenta ligeiramente. Existe um limite técnico no score onde o contador transborda para números negativos devido ao comportamento do número float no JavaScript, mas isso leva algumas horas de jogo contínuo, então raramente acontece.
O problema que eu encontrei e a solução
Eu costumava jogar essa versão em uma tela de notebook com taxa de atualização de 60Hz, e de repente notei que o dinossauro parecia pular muito mais devagar do que eu esperava, como se houvesse um delay entre pressionar a tecla e o personagem responder. Testei em três navegadores diferentes — Chrome, Firefox e Edge — e o comportamento era idêntico. O problema não era meu teclado, era o jogo em si. A raiz do problema está na forma como o game loop é estruturado. O Chrome usa requestAnimationFrame, que por padrão sincroniza com a taxa de atualização do monitor. Em telas de 60Hz, isso significa um frame a cada 16,67ms. Quando você pressiona a tecla, a ação entra na fila do próximo frame disponível. Em situações normais isso é imperceptível, mas quando a velocidade do jogo aumenta e os obstáculos passam rápido, esse micro-delay se torna significativo — você pula no frame 47, mas o pulo só é renderizado no frame 48, e o cacto estava previsto para o frame 48 também. Resultado: colisão por um frame de diferença.
Minha solução foi simples: abrir o console do desenvolvedor (F12) e adicionar um event listener que injeta o pulo diretamente no próximo frame usando setInterval com um delta fixo de 16ms. O código é basicamente isso: setInterval(() => { if (!gameOver) { DINO.jump(); } }, 16);
Isso elimina o atraso do requestAnimationFrame. Não é uma solução elegante, mas funciona. Se você quiser algo mais permanente, pode rodar uma versão modificada do jogo com o frame loop alterado para usar setInterval com delta time fixo desde o início. Existem várias versões community-made que já fazem isso.
👉 Clique no botão abaixo para saber mais sobre o assunto!
Dicas que realmente importam
A primeira coisa é parar de tentar mirar nos obstáculos e começar a olhar para o espaço vazio entre eles. O jogo se torna muito mais fácil quando você para de reagir a cada cacto individual e passa a ler o padrão de spawn. Os cactos nunca aparecem sozinhos em sequência apertada — sempre há um intervalo mínimo de 3 a 5 pixels de distância garantida pelo gerador de obstáculos. Isso significa que, na maior parte do tempo, o padrão é "pule um, siga reto, pule outro". Um segundo ponto: o tamanho do bounding box do dinossauro não cobre todo o sprite visível. Há um margin de segurança de alguns pixels em cada lado. Isso explica por que às vezes parece que você bateu em um cacto mas na verdade passou raspando sem morrer. Você pode usar isso a seu favor posicionando o dinossauro mais perto possível da borda inferior do cacto ao pular.
Para os pterodáctilos, a altura varia entre três posições: voando baixo (abaixe), voando no meio (pule) e voando alto (ignorar). A maioria dos jogadores perde porque não reconhece que o pássaro baixo exige o comando de abaixar, não de pular. Se você pular quando o pássaro está voando baixo, o dinossauro sobe exatamente na trajetória do pássaro.
Limitações que ninguém menciona
O jogo original não tem salvamento de progresso além do high score. Se você limpar os dados do navegador, perde tudo. A versão offline do Chrome também não sincroniza com nenhuma conta — é tudo local. Isso parece bobo, mas é uma limitação real se você quer acompanhar evolução ao longo do tempo. Outro ponto: o jogo é previsível o suficiente para que scripts de automação possam alcançá-lo consistentemente acima de 99 mil pontos. Existem bots escritos em Python que usam detecção de tela por pixel e atingem scores impossíveis para humanos. Isso não torna o jogo ruim, mas mostra que o design de dificuldade tem um teto — após cerca de 25 mil pontos, a habilidade humana média encontra uma barreira hard porque o tempo de reação humano (aproximadamente 200ms para estímulos visuais) já não dá conta da velocidade de processamento do jogo.
Se o seu interesse é competir com outros jogadores ou ter uma experiência mais rica, vale a pena olhar para forks como o Geometry Dash-style dino ou versões com modo versus online. A versão original da Google é funcional, mas é basicamente um protótipo bem polido, não um jogo completo.
Como baixar e rodar localmente
A forma mais direta é clonar o repositório oficial. Abra o terminal e rode: git clone https://github.com/pcottle/learnjs-chrome-dino-game.git
Depois abra o arquivo index.html no navegador. Não precisa de servidor, não precisa de Node, não precisa de build. O jogo roda diretamente do arquivo. Se quiser hospedar em algum lugar, qualquer repositório estático do GitHub ou Vercel funciona sem configuração adicional. Para quem quer modificar, o arquivo game.js contém toda a lógica principal: geração de obstáculos, detecção de colisão, loop de animação e controle de score. São aproximadamente 400 linhas. Recomendo dar uma olhada antes de tentar alterar qualquer coisa — é código limpo e bem organizado, raro encontrar isso em projetos abandonados como esse.
