O que mudar primeiro no código-fonte de um jogo de ordenar cores
O Mochi Monsters como exemplo: as regras, os arquivos, o arquivo de configuração e as mudanças que pedem um novo build.
Comprar o código-fonte de um jogo de ordenar cores faz sentido quando você quer um jogo no estilo water sort no seu site sem escrever do zero as regras de movimento, o gerador de fases e o sistema de salvamento. O Mochi Monsters é esse tipo de pacote: 60 fases em três mundos, um modo infinito, TypeScript legível e uma pasta de jogo pronta para hospedar, por US$ 39 no preço de lista.
A regra por trás do water sort, do ball sort e do Mochi Monsters é a mesma: só dá para mover para um recipiente vazio ou para cima de um topo igual. O que separa um template do outro é tudo o que existe em volta dessa regra. Este guia passa pelo pacote na ordem em que o comprador o encontra e termina com as mudanças que levam cinco minutos e as que pedem um desenvolvedor.
A regra de ordenar, e as duas variações em cima dela
O jogador toca num ninho e depois em outro. O grupo de amiguinhos de gelatina do topo só pula se o ninho de destino estiver vazio ou se o amiguinho do topo for da mesma espécie. A fase está resolvida quando cada ninho tem uma única espécie. Dica, Desfazer e Reiniciar já vêm prontos.
Duas mecânicas evitam que as 60 fases pareçam uma fase repetida. Uma tampa de concha cobre um ninho e abre quando você enche esse ninho com a espécie desenhada na tampa; o Desfazer pode fechá-la de novo. Ninhos de maré ligados trocam de lugar quando um deles fica vazio, o que muda o tabuleiro no meio do plano do jogador.
Isso importa para quem compra porque já está escrito e testado. Colocar uma variação assim num jogo de ordenar simples é o tipo de trabalho que demora mais do que parece, principalmente nos casos de borda do desfazer.
Jogar a demo do Mochi Monsters
O que vem no código-fonte do jogo de ordenar cores
- 60 fases de campanha no Prado Doce, na Praia das Bolhas e na Vila dos Cogumelos, 20 em cada mundo.
- Um modo infinito com tabuleiros gerados por semente, liberado depois da fase 20.
- Um álbum de coleção, um jardim interativo e seis chapéus comprados com as Gotas de Açúcar ganhas no jogo.
- Controles por toque e mouse, salvamento local e opção de menos movimento.
- Uma pasta game/ pronta para hospedar, código JavaScript e TypeScript legível, configuração, testes e avisos de licença.
- Um guia ilustrado offline em 14 idiomas, com capturas de tela em inglês.
A interface tem 14 idiomas: inglês, português, espanhol, francês, alemão, italiano, holandês, polonês, turco, russo, indonésio, japonês, coreano e chinês simplificado. O guia abre sozinho no idioma de quem lê.
A base é TypeScript e JavaScript sobre Canvas 2D, com Web Audio. Os arquivos incluem HTML, CSS, JavaScript, JSON, TypeScript, WebP, PNG e MP3.
Como o projeto está organizado
Pense no pacote como três camadas, cada uma com um nível de esforço diferente.
Camada 1: o jogo hospedado
A pasta game/ está completa. Suba o conteúdo para uma hospedagem HTTP(S) de arquivos estáticos e ela roda. Nada aqui pede build.
Camada 2: o arquivo de configuração
O mochi.config.js fica ao lado do index.html. Ele define o título da aba, a logo, o idioma inicial e a chave de salvamento. Mude um valor, suba o arquivo e recarregue a página. Continua sem build.
Camada 3: o código TypeScript
Regras, artes, fases e preços dos chapéus ficam no código-fonte. Mudar isso exige editar TypeScript e recompilar com npm, o que pede Node.js 22.13 ou mais novo. O código traz ferramentas para gerar fases e 52 testes automáticos que cobrem regras, fases, salvamento e traduções.
O que mudar primeiro num template de ordenar cores
Esta é a ordem que sugerimos, das mudanças sem build até o trabalho de desenvolvedor.
- Título e logo no mochi.config.js, para a aba do navegador e a tela inicial mostrarem a sua marca.
- Idioma inicial no mesmo arquivo, se a maioria dos seus jogadores não fala inglês.
- Chave de salvamento: defina uma vez antes do lançamento e não mexa mais. Mudar num site no ar faz os jogadores perderem o progresso.
- Arte e cores dos amiguinhos de gelatina, se você precisa de um reskin completo. Isso é trabalho no código-fonte.
- Preços dos chapéus e a economia de recompensas, também no código-fonte.
- Fases novas, com as ferramentas de geração, e depois os testes.
Para muitos sites, os três primeiros passos são o trabalho todo. Um reskin completo, por outro lado, significa trocar cada criatura, ninho e fundo dos três mundos, e é aí que vai a maior parte do tempo. Planeje isso com honestidade antes de prometer uma data ao cliente.
White label é permitido: o seu nome e a sua logo, ou os do seu cliente, podem substituir os nossos em qualquer parte do jogo.
Hospedar, incorporar e ir além
Suba o conteúdo de game/ para qualquer hospedagem HTTP(S) de arquivos estáticos, numa subpasta se preferir. Não precisa de banco de dados, PHP nem serviço Node.js para jogar. Abrir os arquivos direto do disco com file:// não funciona, então teste a partir de um servidor web local ou real.
O jogo roda nas versões atuais do Chrome, Edge, Firefox e Safari, no computador, tablet ou celular. O progresso fica no armazenamento local do navegador, sem sincronizar entre aparelhos. Não é um app offline instalável: o jogador carrega pelo seu endereço na web.
O pacote não traz projeto de app nativo. Se você quer o jogo numa loja de apps, ligado a um SDK de portal ou instalado no seu servidor, fazemos orçamento por projeto.
Pedir orçamento de reskin, hospedagem ou versão em app
O que o Mochi Monsters não inclui
A edição não tem contas online, salvamento na nuvem, ranking global, compras com dinheiro real nem SDK de anúncios. Projetos de app nativo, hospedagem e desenvolvimento sob medida não estão incluídos. Não há campanhas jogáveis além dos três mundos; depois deles, é o modo infinito que mantém o jogo andando.
Se você pretende exibir anúncios, a licença permite monetizar o seu produto final com publicidade, mas ligar uma rede de anúncios é trabalho do seu lado ou um serviço com orçamento do nosso.
Licença e preço num parágrafo
Uma compra dá uma licença perpétua e não exclusiva para usar a edição em um produto final, seu ou de um cliente. Os jogadores podem jogar de graça ou com monetização por anúncios. Você pode mudar o código, as artes e o áudio dentro desse produto, mas não pode revender nem compartilhar o template, o código ou os recursos isoladamente, como kit ou dentro de outro produto feito para desenvolvedores. O suporte dura 6 meses, ou 12 com a extensão no checkout, e cobre instalação, uso dos arquivos e correção de defeitos reproduzíveis; a licença não acaba com o suporte. O preço de lista é US$ 39; até 30 de novembro de 2026, uma promoção de Black Friday tira 15% de todos os templates, então o Mochi Monsters sai por US$ 33,15, e a partir de 1º de dezembro os preços voltam ao de lista.
Perguntas frequentes sobre o Mochi Monsters
O Mochi Monsters é um jogo de water sort?
Ele usa a mesma regra central: um grupo só pode ir para um ninho vazio ou para cima de um amiguinho igual. Em vez de líquido em tubos, o jogador separa criaturas de gelatina em ninhos, com tampas de concha e ninhos de maré por cima.
Preciso compilar o jogo antes de subir?
Não. Suba o conteúdo de game/ para uma hospedagem HTTP(S). Mexer no código-fonte é opcional.
O que dá para mudar sem recompilar?
O título da aba, a logo, o idioma inicial e a chave de salvamento, todos no mochi.config.js. Regras, artes, fases e preços dos chapéus pedem o código TypeScript e um novo build com npm.
Posso criar mais mundos ou fases?
A edição tem 60 fases em três mundos. Criar mais significa editar o código-fonte, com as ferramentas de geração incluídas. Campanhas extras não fazem parte do pacote.
Onde fica salvo o progresso do jogador?
No armazenamento local do navegador atual. Não há sincronização na nuvem.
Funciona no celular?
Sim. Roda nos navegadores atuais de celular com controle por toque, e no computador com mouse.
Para quem serve um jogo de ordenar cores, e o que mais olhar
Um jogo de ordenar cores combina com portais casuais, sites para a família e marcas que querem um jogo calmo com partidas curtas. Funciona bem no celular, e a regra cabe numa frase.
Se você quer um quebra-cabeça com mais planejamento, o Beep Out é um puzzle de estacionamento em 3D com 30 fases e fila de passageiros por cor, por US$ 35 no preço de lista. Se o seu público gosta de números, o Tenguin é um jogo de combinar números em que o jogador junta números iguais ou dois que somam dez, por US$ 39 no preço de lista.
Ver o Beep Out, puzzle de estacionamento 3D