Reserve um campo de jogo legível
Divida o esboço da tela em três áreas: ação, informações permanentes e orientações temporárias. Reserve o centro primeiro para a mecânica principal. Coloque pontuação, vidas e informações de pausa onde possam ser vistas rapidamente sem esconder perigos ou objetivos. Em um jogo de plataforma vertical, mantenha a próxima área de aterrissagem visível acima do personagem. Em um quebra-cabeça de palavras, deixe largura suficiente para a dica e a fileira ativa de letras, sem que painéis sobrepostos ocupem esse espaço.
Use a largura da janela de visualização em vez de uma resolução estimada do aparelho. MDN explica como o metaelemento da janela de visualização informa a um navegador móvel para usar a largura do dispositivo para seu layout de página. Verifique o campo de jogo separadamente: uma página configurada corretamente ainda pode conter uma tela ou painel que assume um tamanho fixo.
Escolha como o jogo se adapta
Decida se o mundo se reorganiza, se a câmera acompanha a ação ou se o espaço livre vira margem. A reorganização funciona quando as regras permitem mais ou menos colunas; uma câmera atende a um mundo maior que a tela; faixas nas bordas preservam o campo de jogo quando sua proporção precisa ficar fixa. Evite esticar personagens ou mudar os objetivos de lugar só para preencher cada pixel.
Verifique a interface do sistema e os entalhes antes de fixar os controles em uma borda. As orientações de layout da Apple descrevem áreas seguras e recomendam manter materiais importantes longe dos recursos de hardware; para Android, teste as proporções de telefone e tablet separadamente se ambos forem alvos. Um jogo apenas em retrato ainda deve lidar com um jogador girando o dispositivo graciosamente, com uma política de layout clara, em vez de uma cena de meia tela quebrada.
Revise uma rodada completa
Execute o tutorial, um momento agitado e a tela final com uma largura estreita do telefone e uma largura maior do dispositivo. Em cada ponto pergunte se o jogador consegue ver o objetivo, a ameaça imediata e o status atual de uma só vez. Corrija o recorte e a hierarquia antes de adicionar estágios.
Perguntas sobre design de jogo para celular em retrato
Um jogo de retrato também deve suportar paisagem?
Somente se o design do jogo se beneficiar disso. Uma decisão apenas retrato é válida, mas fornece um layout utilizável quando o dispositivo gira, em vez de depender de um bloqueio de orientação específico.
O HUD deve ficar sempre no topo?
Não. Coloque as informações onde permaneçam visíveis sem competir com a mecânica principal. Teste durante a ação, com painéis sobrepostos e na tela final, pois a melhor posição depende do campo de jogo.
Leitura complementar
Viu alguma informação desatualizada? Informar uma correção