Como funciona o jogo do dinossauro preto e por que ele existe
O jogo do dinossauro preto é basicamente uma versão customizada do clássico Dino do Chrome, mas com o tema escuro aplicado ao spritesheet e ao background. A versão original foi criada em 2014 por Adam Savage e colegas da Google como um Easter egg quando a conexão caía. A versão preta surge de mods da comunidade que invertaram as cores pra dar aquele visual mais suave nos olhos, especialmente quem joga à noite. Eu comecei a mexer com isso porque minha tela OLED era muito clara pra jogar no escuro. O contraste normal do Dino do Chrome era absurdo pra mim.baixar o jogo do dinossauro preto
Tem duas vias principais. A primeira é usar a versão hospedada diretamente. Muitos sites como o chromedino.net e o miniclip.com já oferecem a skin preta pronta. Basta abrir o link e jogar. A segunda via é criar o seu próprio arquivo HTML local. Isso é mais trabalhoso, mas você tem controle total sobre a velocidade, os obstáculos e o tamanho do canvas. Se quiser a versão local, o processo é simples: baixe um spritesheet dark do dinossauro, copie o código-fonte original do Chrome (dá pra encontrar nos DevTools do próprio navegador quando você estiver offline) e substitua as cores dos objetos. A cor padrão do chão é #535353. Mude pra #1a1a1a e o jogo já fica num tom escuro decente. O background fica em branco puro (#fff), então troque por #0d0d0d e o contraste já melhora bastante.
O problema que eu encontrei na prática foi que, ao alterar apenas as cores do canvas, os pássaros de pedra (o obstáculo de dois blocos) ficavam invisíveis contra o fundo preto. Eu passei duas horas quebrando a cabeça até perceber que o sprite do pterodáctilo usa transparência RGBA e, ao inverter as cores do canvas sem ajustar o composite operation, ele simplesmente desaparecia. A solução foi adicionar ctx.globalCompositeOperation = 'source-over' antes do loop de renderização e garantir que o alpha do pássaro fosse 1, não 0.8. Isso resolveu.
👉 Clique no botão abaixo para saber mais sobre o assunto!
Limitações que ninguém conta
O jogo do dinossauro preto não é perfeito. A maioria das versões customizadas que eu vi na rede tem framerate baixo porque não usam requestAnimationFrame corretamente. Alguns devs simplesmente chamam o update a cada 16ms via setInterval, o que causa stuttering visível depois de 200 pontos. Se você notar que o jogo travadinha, é provável que o código não esteja usando o timer correto do navegador. Também notei que muitas skins pretas não ajustam a cor do próprio dinossauro, ficando com um verde-claro estranho no fundo escuro. Isso acontece porque o sprite original é um array de bytes monocromático que precisa ser dessalinizado manualmente. Sem dessalinização, o Dino aparece como blocos verdes ou cinzas claros sobre fundo preto, o que é pior do que o original.
Se o seu objetivo é só jogar rápido e não quer perder tempo mexendo em código, eu recomendo o site chrome-dino-dark.com. É a versão mais estável que eu testei, com FPS bem comportado e sem bugs de sprites. Se quiser algo offline e personalizável, aí vale a pena montar o HTML local com os ajustes que descrevi acima. O resultado final costuma ficar pronto em uns 20 minutos se você já tiver familiaridade com canvas 2D.
