Guia

Código-fonte de jogo de lógica HTML5: o que conferir

Fases, quebra-cabeça diário, código TypeScript e hospedagem de um jogo de lógica pronto, usando o Frogdoku como exemplo.

Ribi, um sapo de boné verde, está sobre uma folha de nenúfar ao lado de uma grade de lagoas, com um sapo posicionado em cada linha.

Código HTML5 de jogo gratuito é fácil de achar. Jogos de quebra-cabeça prontos, testados, com fases reais, um desafio diário e código-fonte documentado são mais difíceis de encontrar, e é isso que a maioria dos compradores quer dizer quando procura código que possa publicar.

O Frogdoku é um jogo de lógica com uma regra só: coloque exatamente um sapo em cada linha, em cada coluna e em cada lagoa colorida, sem que dois sapos se encostem. Este guia mostra o que conferir em qualquer template de quebra-cabeça, usando esta edição como exemplo.

Comece pelo número de fases e pelos modos

A edição para compradores inclui 180 quebra-cabeças de campanha em seis trechos de um riacho, um calendário de quebra-cabeça diário, os modos Infinito e Relaxar, troféus, desfazer e refazer, e ajudas. O guarda-roupa do Ribi é uma recompensa pelo progresso.

A quantidade de fases importa mais do que a capa. Um template com 20 fases fica mais perto de um protótipo, enquanto um com 180 fica mais perto de um jogo acabado. Pergunte ao vendedor como as fases foram criadas e como cada uma foi verificada, porque um quebra-cabeça que o jogador não consegue resolver é a forma mais rápida de perdê-lo.

O que o código-fonte inclui

O código é escrito em TypeScript e vem com testes e avisos de licença de terceiros. O pacote lista JSON entre os seus arquivos, e a pasta do jogo é a versão pronta para hospedar, com arte, áudio e fontes locais.

  • game/: a versão pronta para hospedar, com arte, áudio e fontes já locais.
  • O código TypeScript e os testes: a parte que você lê e edita.
  • Vite: opcional, e só necessário se você recompilar a partir do TypeScript.

Uma verificação de 15 minutos antes de comprar

Dá para avaliar um template de quebra-cabeça em uma sessão curta. Jogue o primeiro trecho no celular e depois no notebook, e anote onde um toque ou um arrasto fica lento ou confuso. Desfaça a última jogada várias vezes e confira se o tabuleiro volta ao estado anterior a cada vez.

Depois, abra o código e leia os nomes dos testes. Procure testes com o nome das regras do quebra-cabeça. Uma regra que tem teste é aplicada no código, e não apenas mostrada na tela.

Hospedagem: só arquivos estáticos

Como os outros templates deste guia, a edição para compradores precisa de um navegador atual com suporte a JavaScript e áudio, e de hospedagem HTTP(S) estática. Não precisa de banco de dados nem de conta de autor.

Envie o conteúdo de game/ para a pasta onde o quebra-cabeça deve ficar. Recompilar só é necessário se você mudar o código TypeScript.

Veja a ficha do Frogdoku, os itens incluídos e a licença

O que o preço deixa de fora

O Frogdoku não tem salvamento na nuvem, ranking online, compras com dinheiro real nem SDK de publicidade, e o jogo normal não faz requisições a esses serviços. O progresso é salvo no navegador atual.

Apps nativos, hospedagem e desenvolvimento sob medida não estão incluídos. O quebra-cabeça diário faz parte de um calendário e não precisa de ranking online para ser jogado.

Perguntas frequentes

Preciso compilar o jogo?

Não. Envie o conteúdo de game/ para uma hospedagem HTTP(S). Recompilar só é necessário se você editar o código TypeScript.

Onde o progresso é salvo?

Localmente, no navegador atual.

O quebra-cabeça diário precisa de ranking online?

Não. Os quebra-cabeças diários continuam jogáveis sem ele, e o progresso fica salvo no navegador do jogador.

Qual licença se aplica?

Valem os termos do Marketplace da Polar Games exibidos no checkout.

Onde um template de quebra-cabeça se encaixa

Um quebra-cabeça assim serve para um site de aprendizado, um hábito de quebra-cabeça diário em um blog ou um estúdio que quer um jogo de lógica pronto para personalizar. Não é uma boa escolha para um projeto que precisa de jogo com ranking ou contas, porque isso fica fora desta edição.