Ao usar o arclip.design, você concorda que o Google Analytics e o Amplitude meçam como o site é usado. Clique em Concordo para permitir também a gravação de sessões — ela nos ajuda a descobrir o que corrigir. Política de cookies

Jogo 3D multiplayer no navegador sem servidor próprio

Um jogo 3D para várias pessoas que abre por um link: jogadores, pontos de surgimento, objetos compartilhados e placar — sem servidor próprio e quase sem código.

3 min de leitura

Multiplayer costuma ser um projeto à parte: servidor, salas, sincronização, deploy. No ARClip, a plataforma cuida das salas. Ative o multijogador, e todo mundo que abrir o jogo pelo mesmo link fica na mesma cena, no celular ou no computador.

O que a plataforma resolve

  • Salas. Até 30 pessoas em cada uma. Quando lota, os próximos jogadores entram numa nova.
  • Sincronização. Os jogadores se veem, e os objetos compartilhados e a física ficam iguais para todos — sem código seu.
  • Hospedagem. O jogo abre por link e QR code; servidor, deploy e carga não são problema seu.

Passo 1. Ative o multijogador

Abra as Configurações do projeto, clique em + Adicionar recurso e escolha Multijogador.

Passo 2. Adicione o jogador e os pontos de surgimento

Na barra de cima, clique em Jogador. É um modelo: cada pessoa que abre o jogo ganha a própria cópia. A cópia acompanha a câmera — onde está a câmera de alguém, é ali que os outros o veem. As partes do jogador podem ganhar a cor dele, que é diferente para cada um, na ordem de entrada na sala. E, para cada parte, você escolhe quem a vê: todos, só o próprio jogador ou só os outros.

No mesmo menu está o Ponto de surgimento: o jogador aparece ali, virado para onde o ponto aponta. Com vários pontos, cada um recebe um ao acaso.

Passo 3. Compartilhe objetos

  • Portas, alavancas, luzes. Adicione ao objeto o componente Igual para todos: quando alguém muda o estado ou a visibilidade dele, muda para todos — inclusive para quem entrar depois.
  • Caixas, bolas e tudo o que a física move. No corpo rígido, escolha se existe um para a sala toda ou um para cada pessoa. Um corpo compartilhado todos veem no mesmo lugar.

Passo 4. Personagens e placar — um pouco de código

Quem move o personagem é o gatilho Controles de jogo num componente Eventos: andar, voar ou visão de cima, pular e uma câmera que segue. No computador, com WASD ou as setas; na tela de toque, com um direcional e um botão de pulo, se você os ativar nas configurações do gatilho.

No celular, o personagem é guiado por um direcional na tela
No celular, o personagem é guiado por um direcional na tela

Para os jogadores verem os personagens uns dos outros e terem um placar comum, você precisa de um script curto. Um esquema que funciona:

  • cada um controla o próprio personagem e avisa os outros onde ele está de 10 a 20 vezes por segundo;
  • os personagens dos outros se movem com ctx.net.follow — suavemente, sem saltos;
  • o placar e o andamento da rodada ficam no estado compartilhado, ctx.net.state, e eventos como "fez um gol" saem como mensagens.
ctx.net.send('score', { points: 10 });
ctx.net.on('score', ({ from, data }) => {
  // pontos do jogador `from`
});

Sem uma sala, essas chamadas não fazem nada, então o mesmo script também funciona na prévia de um jogador só. Mais na documentação: Multiplayer e Game controls. Você pode pedir o script ao assistente de IA ou a um agente — por exemplo, ao Claude via MCP.

Passo 5. Publique

Clique em Publicar e mande o link ou o QR code para os amigos. O jogo abre no navegador, sem instalar nada.

O que ainda não tem

  • Voz para os jogadores na cena: a equipe conversa por voz e vídeo no editor, os jogadores não.
  • Monetização — anúncios e compras dentro do jogo.
  • Lobbies e placares de líderes prontos: dá para guardar pontuações entre sessões nos dados do projeto, mas isso exige um script.

O GDevelop, por exemplo, tem lobbies de até 8 jogadores e placares de líderes prontos — comparamos com honestidade: ARClip ou GDevelop. Mais uma comparação: ARClip ou PlayCanvas.

Mais no blog

Teste no seu próprio projeto

Abra um workspace, descreva o que quer criar e veja a primeira versão no editor. Sem cartão, sem instalação.

Comece grátis