# Como fazer um jogo de navegador que funcione no celular

## A maioria vai experimentar seu jogo no celular: ele precisa de controles de toque, um layout para tela pequena e som que começa após um toque. O Go Bananas põe isso em todo jogo que cria.

Um jogo de navegador roda no celular sem instalar nada: o jogador abre um link e joga. Mas um celular não é um computador pequeno. Não há teclado, a tela pode ter 320 pixels de largura, o processador é mais lento e alguns navegadores se recusam a tocar som até o jogador tocar na tela. Este guia explica o que muda no celular, o que o Go Bananas já faz por você e como testar e melhorar seu jogo num aparelho de verdade.

## O que muda no celular

**Toque em vez de teclas.** Não existem setas, barra de espaço nem mouse. Cada ação precisa de algo para tocar, arrastar ou deslizar, e os dedos são menos precisos que o ponteiro do mouse. Um botão fácil de clicar num notebook pode ser pequeno demais para acertar com o polegar.

**Telas pequenas.** Os celulares mais estreitos têm uns 320 pixels de largura no navegador. Contadores de pontos, barras de vida e menus que cabem tranquilamente num monitor podem cobrir metade da área de jogo no celular. Os jogadores também viram o celular de lado, então o jogo precisa se ajustar quando a tela muda de formato.

**Desempenho.** Celulares têm menos memória e gráficos mais lentos que a maioria dos computadores. Imagens grandes, modelos 3D pesados e cenas 3D fotorrealistas carregam devagar e podem fazer o jogo travar.

**Som depois de um toque.** No iPhone, uma página da web não pode tocar som até o jogador tocar na tela pelo menos uma vez. Um jogo que tenta tocar música antes do primeiro toque fica em silêncio.

## O que o Go Bananas já inclui

Quando o Go Bananas cria um jogo, a IA é instruída a tratar o celular como requisito, não como algo para depois. Todo jogo novo é feito para funcionar em telas com apenas 320 pixels de largura. Na prática, isso significa:

- **Controles de toque adequados ao tipo de jogo.** Jogos 3D ganham um joystick virtual no lado esquerdo da tela, arrastar para olhar à direita e botões de ação de uns 60 pixels. Jogos de tabuleiro usam tocar para selecionar, com áreas de toque de pelo menos 40 pixels.
- **Botões grandes o bastante para um polegar.** Os botões na tela têm pelo menos 44 pixels, um mínimo comum para tocar com conforto.
- **Um HUD que não atrapalha.** Pontuação e textos de status ficam fora da área de jogo, e o tamanho da fonte se ajusta à tela em vez de ficar fixo.
- **Gráficos nítidos em telas de alta densidade.** O canvas do jogo ocupa a tela e é ajustado à densidade de pixels do celular, para não ficar borrado nas telas modernas.
- **Redimensionamento quando o celular gira.** Os jogos reagem quando a janela muda de tamanho, então virar o celular de lado reorganiza o layout.
- **Toques onde você espera.** As posições de toque são convertidas para as coordenadas do próprio jogo, então o toque cai onde está o seu dedo, mesmo num canvas redimensionado.
- **Som que funciona no iPhone.** Todo jogo recebe um helper de som que libera o áudio no primeiro toque e segue o botão de mudo do site. Você não precisa escrever nenhum código especial para isso.

Nada disso garante que tudo vai ficar perfeito para qualquer ideia, então teste seu jogo no celular antes de compartilhar.

## Jogando em tela cheia

Dentro de um jogo, abra o **Menu** do jogo e escolha tela cheia. Nos celulares que não deixam uma página da web entrar em tela cheia, o Go Bananas avisa e sugere virar o celular de lado, o que dá mais espaço ao jogo.

## Adicionando o Go Bananas à tela de início

Você pode adicionar o Go Bananas à tela de início do celular para ele abrir como um app, sem a barra de endereço do navegador. Quando o navegador permite, o Go Bananas oferece a instalação. No iPhone, ele mostra os passos para fazer isso pelo Safari, e, se você estiver usando outro navegador no iPhone, pede para abrir a página no Safari primeiro, porque lá só o Safari consegue adicioná-lo à tela de início.

## Testando num celular de verdade

A prévia de celular de um navegador de computador é um bom começo, mas não mostra como os controles respondem ao polegar, quão rápido o jogo carrega nos dados móveis ou se o som começa. Teste num celular de verdade:

1. **Jogos publicados:** abra o jogo no Go Bananas e use o QR code ("Scan to play on mobile", escaneie para jogar no celular). Aponte a câmera do celular para ele e o jogo abre no celular.
2. **Rascunhos:** um rascunho é privado, então o QR code não aparece. Entre na sua conta no celular e abra o jogo nos seus rascunhos.
3. Jogue por alguns minutos com o celular em pé e deitado. Confira se todos os botões são fáceis de acertar, se nada importante fica escondido atrás da pontuação ou do menu e se o som começa depois do seu primeiro toque.
4. Teste também nos dados móveis, além do Wi-Fi, se o seu jogo usa imagens grandes ou arquivos 3D.

## Pedindo mudanças específicas para celular

Se algo não funciona bem no celular, descreva o problema no chat de edição com palavras simples. Seja específico sobre o que você viu e onde. Por exemplo:

- "No celular, o botão de pulo está pequeno demais. Deixe ele duas vezes maior e mova para o canto inferior direito."
- "O texto da pontuação cobre a parte de cima do tabuleiro num celular pequeno. Mova para uma barra fina acima do tabuleiro."
- "Adicione setas de esquerda e direita na tela para celular, e esconda no computador."
- "Quando viro o celular de lado, o jogo não ocupa a tela toda. Faça ele se ajustar ao novo tamanho da tela."
- "A cena 3D está lenta no meu celular. Use menos árvores e sombras mais simples no celular."

As edições costumam levar menos de um minuto, e cada uma fica salva como uma nova versão, então você pode voltar se uma mudança piorar as coisas.

## Arquivos pequenos para o celular

Os arquivos que você adiciona a um jogo são o que mais afeta o tempo de carregamento. Algumas regras práticas:

- **Imagens:** use imagens que não sejam maiores do que aparecem na tela. Um fundo mostrado com 1.080 pixels de largura não precisa ter 6.000 pixels. Arquivos WebP costumam ser bem menores que PNG ou JPEG com a mesma qualidade. Veja [arquivos WebP em jogos de navegador](/formats/webp).
- **Modelos 3D:** GLB é o melhor formato para modelos 3D. Mantenha a quantidade de polígonos e o tamanho das texturas moderados. Modelos FBX enviados ao Go Bananas são convertidos para GLB com as texturas reduzidas a 512 por 512 pixels, o que ajuda no celular. Veja [arquivos GLB em jogos de navegador](/formats/glb).
- **Cenas 3D fotorrealistas (Gaussian splats):** impressionam, mas pesam no celular. O Go Bananas reduz essas cenas quando você envia, para 500.000 pontos nos arquivos PLY e 300.000 splats nos arquivos SPZ, mas elas ainda podem ficar lentas em celulares mais antigos. Veja [arquivos PLY em jogos de navegador](/formats/ply).
- **Som:** todo áudio enviado é convertido para um MP3 comprimido, e cada arquivo é limitado a 5 MB e 120 segundos, então o som raramente causa problemas de carregamento.

## Checklist rápido para celular

Antes de compartilhar seu jogo, confira se:

- Toda ação pode ser feita por toque.
- Os botões são fáceis de acertar com o polegar.
- A pontuação e os menus não cobrem a área de jogo numa tela pequena.
- O jogo se ajusta quando você vira o celular.
- O som começa depois do primeiro toque, e o botão de mudo silencia o jogo.
- O jogo carrega num tempo razoável nos dados móveis.

## Leia também

- [Como criar um jogo](/guides/how-to-make-a-video-game)
- [Noções de game design](/guides/game-design-basics)
- [Como descrever um jogo para a IA criar o que você quer](/guides/how-to-describe-a-game)
- [Como fazer um jogo 3D](/guides/3d-games)
- [Como colocar som e música no seu jogo](/guides/sound-and-music)
- [Como fazer um jogo multiplayer](/guides/multiplayer-games)
- [Como publicar e compartilhar seu jogo](/guides/publish-and-share)
- [Crie e jogue jogos pelo ChatGPT ou pelo Claude](/guides/chatgpt-and-claude)
- [Todos os formatos de arquivo](/formats)