Como um jogo roda no navegador, sem instalar nada
Há alguns anos, jogar no navegador exigia instalar um plugin. Hoje, você abre uma página e joga. O que mudou? Um conjunto de tecnologias abertas, que qualquer navegador moderno entende.
O fim dos plugins
Durante muito tempo, os jogos de navegador dependiam do Adobe Flash. O suporte a ele terminou em 31 de dezembro de 2020. O que o substituiu foi o próprio navegador, com recursos que antes só existiam em plugins.
Canvas: a folha em branco
O elemento canvas do HTML é uma área onde o código desenha pixel por pixel, dezenas de vezes por segundo. Prisma e Joias Mágicas usam canvas para desenhar blocos, joias, brilhos e partículas. Um laço de animação chamado requestAnimationFrame pede ao navegador para atualizar a tela na hora certa, sincronizado com a taxa de atualização do monitor.
WebAudio: som sem arquivos
A API WebAudio permite gerar e processar som por código. Em vez de baixar arquivos de música, os jogos do Jogali criam efeitos e melodias na hora com osciladores. Isso deixa o carregamento leve e permite ajustar volume, tom e ritmo pelo código. Veja mais em nosso artigo sobre música sintetizada.
Armazenamento local
O navegador guarda pequenos dados no seu aparelho, e é assim que o jogo lembra em que fase você parou e qual é o seu recorde. A vantagem é que funciona sem conta e sem internet depois do carregamento. A desvantagem é que, se você limpar os dados do navegador, o progresso some. Por isso, a conta com Google serve para o que precisa ser compartilhado, como o ranking.
Eventos de toque e teclado
O mesmo jogo pode ser controlado por teclado no computador e por gestos no celular. O navegador entrega eventos de toque, como arrastar e deslizar, e o jogo traduz cada um em uma ação. O Prisma, por exemplo, move a peça quando você arrasta e gira quando você toca.
Tela cheia e instalação leve
Muitos navegadores permitem que a página entre em tela cheia, o que dá a sensação de um aplicativo. Alguns também deixam adicionar o site à tela inicial, criando um atalho. No iPhone, o Safari não oferece tela cheia para páginas comuns, por isso a experiência de aplicativo depende desse atalho.
Vantagens para quem joga
- Nada para instalar: abre e joga.
- Sempre atualizado: você recebe a versão mais recente ao abrir.
- Vale em qualquer aparelho com um navegador moderno.
- Seguro: o navegador isola o jogo do resto do aparelho.
E os limites?
Jogos muito pesados, com gráficos 3D complexos, ainda pedem mais recursos do aparelho. Para jogos de puzzle e aventuras 2D, porém, o navegador já é mais do que suficiente.