Qué cambiar primero en el código fuente de un juego de ordenar colores
Mochi Monsters como ejemplo: las reglas, los archivos, el archivo de configuración y los cambios que piden recompilar.
Comprar el código fuente de un juego de ordenar colores tiene sentido cuando quieres un juego estilo water sort en tu sitio sin escribir desde cero las reglas de movimiento, el generador de niveles y el sistema de guardado. Mochi Monsters es ese tipo de paquete: 60 niveles en tres mundos, un modo infinito, TypeScript legible y una carpeta de juego lista para alojar, por US$ 39 a precio de lista.
La regla detrás del water sort, del ball sort y de Mochi Monsters es la misma: solo puedes mover a un recipiente vacío o encima de una cima igual. Lo que separa una plantilla de otra es todo lo que rodea esa regla. Esta guía recorre el paquete en el orden en que lo encuentra quien compra y termina con los cambios que toman cinco minutos y los que necesitan a un desarrollador.
La regla de ordenar y las dos variantes encima de ella
El jugador toca un nido y luego otro. El grupo de amiguitos de gelatina de arriba solo salta si el nido de destino está vacío o si el amiguito de arriba es de la misma especie. El tablero queda resuelto cuando cada nido tiene una sola especie. Pista, Deshacer y Reiniciar ya vienen incluidos.
Dos mecánicas evitan que los 60 niveles parezcan uno solo repetido. Una tapa de concha cubre un nido y se abre cuando llenas ese nido con la especie dibujada en la tapa; Deshacer puede volver a cerrarla. Los nidos de marea enlazados cambian de lugar cuando uno de ellos se vacía, lo que mueve el tablero en medio del plan del jugador.
Esto le importa a quien compra porque ya está escrito y probado. Agregar una variante así a un juego de ordenar sencillo es el tipo de trabajo que tarda más de lo previsto, sobre todo en los casos límite de deshacer.
Jugar la demo de Mochi Monsters
Qué incluye el código fuente del juego de ordenar colores
- 60 niveles de campaña en Prado Dulce, Playa de Burbujas y Aldea de Setas, 20 en cada mundo.
- Un modo infinito con tableros generados por semilla, que se abre después del nivel 20.
- Un álbum de colección, un jardín interactivo y seis sombreros que se compran con las Gotas de Azúcar ganadas al jugar.
- Controles táctiles y con mouse, guardado local y opción de menos movimiento.
- Una carpeta game/ lista para alojar, código JavaScript y TypeScript legible, configuración, pruebas y avisos de licencia.
- Una guía ilustrada sin conexión en 14 idiomas, con capturas en inglés.
La interfaz tiene 14 idiomas: inglés, portugués, español, francés, alemán, italiano, neerlandés, polaco, turco, ruso, indonesio, japonés, coreano y chino simplificado. La guía se abre sola en el idioma de quien la lee.
La base es TypeScript y JavaScript sobre Canvas 2D, con Web Audio. Los archivos incluyen HTML, CSS, JavaScript, JSON, TypeScript, WebP, PNG y MP3.
Cómo está organizado el proyecto
Piensa en el paquete como tres capas, cada una con un nivel de esfuerzo distinto.
Capa 1: el juego alojado
La carpeta game/ está completa. Sube su contenido a un alojamiento HTTP(S) de archivos estáticos y funciona. Aquí nada requiere compilar.
Capa 2: el archivo de configuración
mochi.config.js está junto al index.html. Define el título de la pestaña, el logo, el idioma inicial y la clave de guardado. Cambia un valor, sube el archivo y recarga la página. Sigue sin compilar.
Capa 3: el código TypeScript
Las reglas, el arte, los niveles y los precios de los sombreros viven en el código fuente. Cambiarlos implica editar TypeScript y recompilar con npm, lo que requiere Node.js 22.13 o posterior. El código trae herramientas para generar niveles y 52 pruebas automáticas que cubren reglas, niveles, guardado y traducciones.
Qué cambiar primero en una plantilla de ordenar colores
Este es el orden que sugerimos, de los cambios sin compilar al trabajo de desarrollador.
- Título y logo en mochi.config.js, para que la pestaña del navegador y la pantalla inicial lleven tu marca.
- Idioma inicial en el mismo archivo, si la mayoría de tus jugadores no habla inglés.
- Clave de guardado: defínela una vez antes del lanzamiento y no la toques más. Cambiarla en un sitio publicado hace que los jugadores pierdan su progreso.
- Arte y colores de los amiguitos de gelatina, si necesitas un reskin completo. Esto es trabajo en el código fuente.
- Precios de los sombreros y la economía de recompensas, también en el código fuente.
- Niveles nuevos, con las herramientas de generación, y después las pruebas.
Para muchos sitios, los tres primeros pasos son todo el trabajo. Un reskin completo, en cambio, implica reemplazar cada criatura, nido y fondo de los tres mundos, y ahí se va la mayor parte del tiempo. Planéalo con honestidad antes de prometerle una fecha a un cliente.
El white label está permitido: tu nombre y tu logo, o los de tu cliente, pueden reemplazar los nuestros en cualquier parte del juego.
Alojarlo, insertarlo e ir más allá
Sube el contenido de game/ a cualquier alojamiento HTTP(S) de archivos estáticos, en una subcarpeta si prefieres. No necesitas base de datos, PHP ni servicio Node.js para jugar. Abrir los archivos directo del disco con file:// no funciona, así que prueba desde un servidor web local o real.
El juego funciona en las versiones actuales de Chrome, Edge, Firefox y Safari, en computadora, tableta o celular. El progreso queda en el almacenamiento local del navegador, sin sincronizar entre equipos. No es una app instalable sin conexión: los jugadores lo cargan desde tu dirección web.
El paquete no trae un proyecto de app nativa. Si lo quieres en una tienda de apps, conectado al SDK de un portal o instalado en tu servidor, cotizamos ese trabajo por proyecto.
Pedir cotización de reskin, alojamiento o versión en app
Lo que Mochi Monsters no incluye
La edición no tiene cuentas en línea, guardado en la nube, ranking global, compras con dinero real ni SDK de publicidad. No incluye proyectos de app nativa, alojamiento ni desarrollo a medida. No hay campañas jugables más allá de los tres mundos; después de ellos, el modo infinito es lo que mantiene el juego en marcha.
Si piensas mostrar anuncios, la licencia permite monetizar tu producto final con publicidad, pero conectar una red de anuncios es trabajo de tu lado o un servicio cotizado del nuestro.
Licencia y precio en un párrafo
Una compra da una licencia perpetua y no exclusiva para usar la edición en un producto final, tuyo o de un cliente. Los jugadores pueden jugar gratis o con monetización por anuncios. Puedes modificar el código, el arte y el audio dentro de ese producto, pero no puedes revender ni compartir la plantilla, su código o sus recursos por separado, como kit o dentro de otro producto para desarrolladores. El soporte dura 6 meses, o 12 con la extensión al pagar, y cubre instalar y usar los archivos y corregir defectos reproducibles; la licencia no termina con el soporte. El precio de lista es US$ 39; hasta el 30 de noviembre de 2026, una promoción de Black Friday descuenta 15% en todas las plantillas, así que Mochi Monsters cuesta US$ 33.15, y desde el 1 de diciembre los precios vuelven a los de lista.
Preguntas frecuentes sobre Mochi Monsters
¿Mochi Monsters es un juego de water sort?
Usa la misma regla central: un grupo solo puede ir a un nido vacío o encima de un amiguito igual. En lugar de líquido en tubos, el jugador ordena criaturas de gelatina en nidos, con tapas de concha y nidos de marea encima.
¿Tengo que compilar el juego antes de subirlo?
No. Sube el contenido de game/ a un alojamiento HTTP(S). Trabajar con el código fuente es opcional.
¿Qué puedo cambiar sin recompilar?
El título de la pestaña, el logo, el idioma inicial y la clave de guardado, todo en mochi.config.js. Las reglas, el arte, los niveles y los precios de los sombreros requieren el código TypeScript y recompilar con npm.
¿Puedo agregar más mundos o niveles?
La edición tiene 60 niveles en tres mundos. Agregar más implica editar el código fuente, con las herramientas de generación incluidas. Las campañas adicionales no forman parte del paquete.
¿Dónde se guarda el progreso del jugador?
En el almacenamiento local del navegador actual. No hay sincronización en la nube.
¿Funciona en celulares?
Sí. Funciona en los navegadores móviles actuales con controles táctiles, y en la computadora con mouse.
A quién le sirve un juego de ordenar colores y qué más revisar
Un juego de ordenar colores encaja con portales casuales, sitios familiares y marcas que quieren un juego tranquilo de partidas cortas. Se ve bien en el celular, y la regla cabe en una frase.
Si buscas un puzle con más planeación, Beep Out es un puzle de estacionamiento en 3D con 30 niveles y fila de pasajeros por color, por US$ 35 a precio de lista. Si a tu público le gustan los números, Tenguin es un juego de emparejar números donde se juntan números iguales o dos que suman diez, por US$ 39 a precio de lista.
Ver Beep Out, el puzle de estacionamiento 3D