portar jogo de 3DS para a web
Portar um jogo de 3DS para a web
Reconstrua na Summer Engine um jogo de 3DS que é seu, depois exporte um build HTML5 que roda no navegador em desktop e em celulares.
Portar um jogo de 3DS para a web significa reconstruir na Summer Engine um jogo que é seu e exportar um build HTML5 que roda em uma aba do navegador. Um build de web é a forma mais barata de colocar uma versão jogável na frente das pessoas, porque não há instalação, não há loja e não há aprovação.
A web também é o destino mais restrito aqui. O build precisa ser baixado antes de alguém jogar, ele roda dentro do sandbox do navegador com memória limitada, o áudio não pode começar até a pessoa interagir com a página, e não há sistema de arquivos.
Um fato de produto importa antes de começar: na Summer Engine você pode escrever o jogo em C++, GDScript ou C#, e C# funciona em todo lugar exceto na web. Se um build de navegador faz parte do plano, use C++ ou GDScript na lógica do jogo.
O tamanho do download decide sua taxa de desistência
Quem joga no desktop espera um download da Steam porque já se comprometeu. Quem joga na web julga seu jogo enquanto a barra de carregamento avança. Faça o orçamento da carga inicial, comprima texturas e áudio, remova assets não usados e faça streaming das fases seguintes em vez de entregar tudo de uma vez. Um orçamento de arte do tamanho de 3DS é uma vantagem real: sprites da era 240p e modelos pequenos comprimem em uma carga que abre em segundos, que é exatamente o que um build de navegador precisa.
Regras do sandbox do navegador das quais não se escapa
O áudio não toca até a pessoa clicar ou tocar, então coloque o jogo atrás de um botão de iniciar em vez de tocar música automaticamente. Os saves vão para o armazenamento do navegador, que a pessoa pode limpar a qualquer momento, então trate-os como conveniência e não como algo permanente, e ofereça exportação ou nuvem se o progresso importa. A memória é mais apertada que no nativo. Alguns recursos, incluindo builds com múltiplas threads, exigem cabeçalhos específicos de isolamento de origem no servidor que hospeda o build, então verifique o que sua hospedagem permite antes de depender deles.
Input para teclado, mouse e toque em um só build
O mesmo build de web é aberto em um desktop com teclado e em um celular com tela de toque. Detecte e suporte os dois. O mouse resolve bem as antigas interações de stylus. O toque precisa de áreas de acerto maiores. O teclado precisa de um layout que evite atalhos do navegador. Gamepads funcionam pela API de gamepad do navegador quando um está conectado. Trate também a perda de foco: as pessoas trocam de aba, e um jogo que continua rodando a toda velocidade em segundo plano drena notebooks e acaba fechado.
Onde hospedar um build de navegador
A itch.io é o lugar padrão para hospedar um build web jogável e aceita o upload sem burocracia. Newgrounds, coleções da itch e páginas de game jam funcionam da mesma forma. Você também pode embutir o build no seu próprio site, que é a melhor escolha para uma demo que você quer linkar em um e-mail de imprensa ou em uma página da Steam. Uma versão web e uma versão paga de desktop podem coexistir: o build de navegador vira demo, e o build de desktop é o que as pessoas compram.
Perguntas frequentes
Posso colocar um jogo de 3DS em um navegador?
Você pode reconstruir um jogo de 3DS que é seu e exportá-lo como build HTML5 que roda no navegador. Isso é um port de verdade do seu jogo, não uma página de emulador. Rodar dados de cartucho de outra pessoa em um navegador é outra coisa e não é para isso que a Summer Engine serve.
C# funciona em uma exportação para web?
Não. Na Summer Engine C++, GDScript e C# estão todos disponíveis, e C# funciona em todos os destinos exceto na web. Se um build de navegador faz parte do plano, escreva a lógica do jogo em C++ ou GDScript para que o mesmo projeto também exporte para a web.
Por que meu build web não toca áudio no começo?
Navegadores bloqueiam áudio até a pessoa interagir com a página. Coloque uma tela de iniciar ou de clique para jogar antes do jogo, para que o primeiro gesto libere o contexto de áudio, e só então comece a música e os efeitos.
Onde builds de web salvam o progresso?
No armazenamento do navegador, que a pessoa pode limpar e que não a acompanha em outro aparelho ou navegador. Mantenha os dados de save pequenos e, se o progresso importa, ofereça um código de exportação, um download de arquivo ou um save vinculado a conta.
Um port para web é uma boa demo para um lançamento na Steam?
Sim, e é um dos usos mais práticos de uma exportação web. Hospede uma fatia curta jogável na itch.io ou no seu site, linke na sua página de loja e no contato com imprensa, e mantenha a experiência completa no build de desktop que as pessoas pagam.
Continue explorando
Mais formas de criar com a Summer Engine
Criador de jogos com IA
O centro para criar jogos 2D e 3D completos descrevendo-os.
AbrirPort a 3DS game to Steam
Rebuild a 3DS game you own in Summer Engine, then export a Windows, macOS, or Linux build and publish it on Steam.
AbrirPort a 3DS game to iOS
Rebuild a 3DS game you own in Summer Engine, then export a signed build for iPhone and iPad and submit it to the App Store.
AbrirPort a 3DS game to Android
Rebuild a 3DS game you own in Summer Engine, then export an Android App Bundle and publish it on Google Play.
AbrirPort a 3DS game to PC
Rebuild a 3DS game you own in Summer Engine, then export Windows, macOS, and Linux builds and distribute them however you like.
AbrirPort a 3DS game to Switch
Rebuild a 3DS game you own in Summer Engine, then take the console path once you are an approved Nintendo developer.
AbrirPort a 3DS game to Steam Deck
Rebuild a 3DS game you own in Summer Engine, then ship a Steam build that plays well on a 1280x800 handheld with gamepad only input.
AbrirHow to port a 3DS game
The full process, in order: rights, asset inventory, rebuild, screen and input redesign, testing, export, and store submission.
AbrirPort a game to web
A browser build has no filesystem, a hard memory ceiling, and a download the player watches. Those three facts shape the whole port.
AbrirModelos de plataforma
Comece com um projeto pronto e descreva suas mudanças.
ExplorarVer todos os modelos de jogos
Comece com um projeto pronto e descreva suas mudanças.
ExplorarComece a criar seu jogo agora
Baixe a Summer Engine, descreva o que você quer e veja tudo tomar forma. Grátis para começar, sem programar.