Skip to main content
Criar um app mobile no Replit funciona da mesma forma que criar um app web: você descreve o que quer, e o Agent escreve o código. Este guia percorre esse processo com um exemplo, para que você veja o padrão antes de aplicá-lo à sua própria ideia.
Menu do PixelGames listando Blocks, Snake, Racer e Pinball, com Blocks selecionado

Resultado final: o menu do PixelGames e o jogo Blocks rodando em um celular.

​
Antes de começar

Tudo de que você precisa é uma conta do Replit, gratuita para criar. O objetivo é completar um ciclo inteiro:
  • Criá-lo com o Agent
  • Testá-lo como um app mobile
  • Publicá-lo e compartilhá-lo
O Agent é o construtor de IA do Replit. Você descreve o que quer, e ele cria o app, explica o que fez e corrige o que estiver quebrado.

​
1. Peça ao Agent para criar o app

Abra o Replit e inicie um novo app. Descreva o que você quer criar e então selecione Mobile app como o tipo de app.
O prompt de criação do PixelGames inserido na página inicial do Replit, com o modo Mobile selecionado

O Agent configurando o projeto mobile e a interface do console.

​
2. Confirme que funciona na visualização

O Replit simula o PixelGames como iOS ou Android diretamente no painel de visualização. Essa é a forma mais rápida de verificar uma alteração.
1

O simulador inicia automaticamente

O Replit inicia a simulação assim que o PixelGames está pronto, sem nenhuma configuração.
2

Alterne entre plataformas com o menu suspenso

Use o menu suspenso Simulate on… na barra de ferramentas do painel de visualização (ao lado dos ícones de chave inglesa e de atualizar) para alternar entre iOS, Android e Web.
Painel de visualização do Replit com o menu suspenso Simulate on Web, iOS ou Android aberto

O menu suspenso Simulate on... no painel de visualização do Replit.

​
Verifique se realmente funciona

Use o PixelGames como um jogador usaria:
  • Veja a tela de MENU com Blocks selecionável e os outros três jogos marcados como “SOON”.
  • Abra o Blocks e jogue algumas peças com o D-pad e os botões A/B.
  • Confirme que a pontuação, o nível e as linhas no HUD são atualizados conforme você joga.
Se algo parecer errado, descreva o que você viu ao Agent, você não precisa encontrar o bug sozinho.

​
Você colocou o PixelGames para rodar

Você foi de um único prompt a um jogo jogável, visualizado dentro do próprio Replit.

​
Solução de problemas

O primeiro build leva um minuto ou dois, então dê um tempo antes de presumir que travou. Se ainda estiver em branco depois disso, verifique se há um erro no console e compartilhe-o com o Agent.
Pressione R no console para recarregar o PixelGames e, se ainda parecer desatualizado, use o ícone de atualizar na barra de ferramentas do painel de visualização.
Isso geralmente significa um erro de JavaScript ou um pacote ausente. Leia a mensagem, ela costuma apontar o arquivo e a linha exatos, depois compartilhe-a com o Agent e peça uma correção.
Alguns pacotes se comportam de forma diferente entre plataformas, um que funciona na web pode não oferecer suporte ao nativo, ou exigir uma configuração diferente. Pergunte ao Agent “Esse pacote tem suporte a nativo?” antes de depender dele.
O primeiro build é sempre mais lento, pois nada está em cache ainda, os seguintes devem ser mais rápidos. Se continuar lento, peça ao Agent para verificar se há pacotes desnecessários no projeto.
Isso significa que um pacote não está instalado, ou está instalado mas o cache está desatualizado. Peça ao Agent para instalá-lo ou limpar o cache e confira se o nome do pacote não está escrito errado.

​
Próximos passos

Teste no seu celular

Sinta o PixelGames como um app de celular de verdade: botões sob o polegar, vibração háptica, o tamanho real da tela.

Adicione login

Permita que os jogadores entrem e salvem o progresso.

Armazene imagens no seu app mobile

Salve fotos de perfil no App Storage.

Envie notificações push

Avise os jogadores quando um novo jogo for lançado.

Adicione pagamentos

Cobre dos jogadores por conteúdo no PixelGames.