Mahjong Garden: libera las fichas, llena la bandeja, despeja el jardín.
Mahjong Garden es una plantilla HTML5 de puzzle de combinar fichas, con código fuente completo. El jugador toca una ficha que ninguna otra cubre, vuela a una bandeja de siete huecos y tres iguales desaparecen. La edición trae 60 niveles en cuatro mundos de estaciones, tutorial guiado, tres ayudas, interfaz en 14 idiomas y una carpeta game/ lista para alojar.
Cuatro mundos, sesenta niveles
Jardín de Primavera, Estanque Soleado, Huerto de Otoño y Jardín Nevado traen cada uno su escenario, 12 imágenes de fichas, un mapa de niveles con una parada por nivel y un efecto de clima: pétalos, burbujas, hojas cayendo o nieve. La topo mascota cambia de ropa con la estación. Los niveles crecen de 9 a 90 fichas y cada uno nace de una solución guardada, así que siempre se puede ganar.
Hecho para dar gusto jugar
Las fichas vuelan a la bandeja en un pequeño arco, la bandeja se hunde cuando aterrizan, una combinación estalla en destellos, pétalos y monedas, y las combinaciones rápidas seguidas hacen el sonido más agudo. Cada toque en la interfaz suelta una lluvia de estrellitas, las pantallas cambian con una transición animada en iris y la topo reacciona a lo que haces. Todo respeta el ajuste de movimiento reducido del dispositivo.
Ayudas, monedas y tutorial guiado
Deshacer retrocede una jugada, Pista señala un trío que puedes formar y Mezclar reordena lo que queda manteniendo el nivel con solución. Las monedas vienen de cada combinación y victoria, y cada nivel da hasta tres estrellas. El nivel 1 enseña el juego en siete pasos cortos, cada vez que empieza.
14 idiomas, cualquier tamaño de pantalla
La interfaz está traducida a 14 idiomas y empieza en el idioma del dispositivo. El juego funciona en vertical y horizontal en móviles, tablets, ordenadores y pantallas ultraanchas: con el móvil en horizontal, la bandeja pasa al lado. Funciona en todos los navegadores actuales, incluidos Chrome, Edge, Firefox y Safari en iPhone e iPad, con una pantalla "Toca para empezar" que activa el sonido en el móvil.
Tu juego, tu alojamiento
Sube el contenido de la carpeta game/ a un alojamiento estático HTTP(S) y abre index.html. No hace falta base de datos, PHP, cuenta, servidor ni Node.js, y el juego normal no hace peticiones a servicios de ranking, anuncios o pago. El arte, el audio y la fuente son locales. El paquete incluye el proyecto editable, una guía ilustrada sin conexión en inglés, portugués y español y el aviso de licencia de la fuente.
Lo que esta edición no incluye
No se incluyen apps nativas, alojamiento ni desarrollo a medida, ni multijugador en línea, ranking en línea, compras dentro de la app o SDK de anuncios. Las traducciones incluidas van tal cual: pide a un hablante nativo que las revise antes de lanzar en un mercado nuevo.
Para quién es esta plantilla
Dueños de sitios y portales que quieren un puzzle casual bien acabado, freelancers y estudios que necesitan una base para un juego de fichas con la marca de un cliente y desarrolladores que quieren aprender con módulos JavaScript legibles.
Personalízalo
Cambia la lista de mundos, las ayudas, el valor de las monedas y los números de sensación en src/config.js, la cantidad de fichas de cada nivel en src/game/levels.js y los textos de los 14 idiomas en src/i18n.js. Las pantallas y sistemas están en archivos pequeños en src/app/, cada uno con una línea de descripción arriba. Las hojas de estilo van en capas, en cuatro archivos: edita el último que define una regla. Cambia arte, sonidos y música poniendo archivos con los mismos nombres en assets/.
Detalles técnicos de un vistazo
- Tecnología: HTML5, módulos JavaScript y CSS simples, Canvas 2D y Web Audio, sin código de terceros ni motor de juego.
- Archivos: HTML, CSS, JavaScript, JSON, SVG, WebP, MP3 y WOFF2.
- Idiomas: interfaz en 14 idiomas y guía en inglés, portugués y español.
- Navegadores: basados en Chromium 105+, Firefox 121+, Safari 16+, en ordenador y móvil.
- Progreso: almacenamiento local del navegador, sin cuenta ni sincronización en la nube.
- Pruebas: npm test comprueba las reglas de los 60 niveles y los 14 idiomas. Node.js 26.13 o posterior solo se usa para las pruebas, el servidor local y el comando de copia.
