Latte Lane: cambia dulces, crea especiales, renueva cinco tiendas.
Latte Lane es una plantilla HTML5 de puzzle match-3 con código fuente completo. El jugador cambia dulces vecinos para formar líneas de tres, crea dulces especiales y ayuda a un panda rojo barista a renovar un café, una panadería, una heladería, una casa de té y una chocolatería. La edición tiene 100 niveles en cinco mundos, 35 pasos de reforma, potenciadores, tutorial guiado, interfaz en 14 idiomas y una carpeta lista para alojar.
Cinco mundos, cien niveles
Café, Panadería, Heladería, Casa de Té y Chocolatería tienen dulces, fondo y mapa propios, con 20 niveles cada uno. Ganar niveles renueva la tienda de cada mundo en siete pasos: una línea dorada recorre la imagen de antes y después, un paso cada vez, hasta que la tienda queda totalmente renovada.
Hecho para sentirse bien
Los dulces se elevan al tocarlos, aterrizan con un suave aplastamiento, estallan en migas y vuelan a los objetivos. Las cascadas forman combos con elogios y voces, los dulces especiales sacuden un poco el tablero y las pantallas cambian con una explosión de dulces. Todo respeta la opción de menos movimiento del dispositivo.
Especiales, obstáculos y potenciadores
Cuatro en línea crean un dulce rayado, una forma de L o T crea una bomba de chocolate y cinco en línea crean una estrella arcoíris; los especiales se combinan para efectos mayores. La nata y los tarros aparecen en niveles posteriores. El batidor quita un dulce, el cohete limpia una fila, y el jugador gana monedas, hasta tres estrellas por nivel, un cofre de niveles y un bono diario. El nivel 1 siempre tiene un tutorial guiado corto.
14 idiomas, cualquier pantalla
La interfaz está en 14 idiomas y empieza en el idioma del dispositivo; las voces están en inglés. El juego funciona en vertical y horizontal en móviles, tabletas y ordenadores, con una pantalla de tocar para empezar que activa el sonido en el móvil. El sonido se pausa cuando el jugador sale de la página y vuelve al regresar.
Tu juego, tu alojamiento
Sube el contenido de la carpeta game a un alojamiento estático HTTP(S) y abre index.html. No necesita base de datos, PHP, cuenta, servidor ni Node.js, y el juego no hace peticiones a servicios de ranking, anuncios o pagos. El paquete incluye el proyecto editable, una guía ilustrada offline en 14 idiomas y el aviso de licencia de la fuente.
Lo que esta edición no incluye
No incluye 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 se entregan tal cual: pide la revisión de un hablante nativo antes de lanzar en un mercado nuevo.
Personalízalo
Cambia objetivos y movimientos en src/game/levels.js, las reglas en src/game/rules.js, los números de sensación en src/config.js y los textos de los 14 idiomas en src/i18n/. El juego está dividido por temas en archivos pequeños en src/app/, cada uno con una línea arriba que dice lo que hace. Los estilos se cargan en cinco partes: edita la última que define la regla. Cambia arte, sonidos y música poniendo archivos con los mismos nombres en assets/.
Detalles técnicos
- 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, WebP, MP3 y WOFF2.
- Idiomas: interfaz en 14 idiomas y guía en 14 idiomas.
- Navegadores: Chrome, Edge, Firefox y Safari actuales, en ordenador y móvil.
- Progreso: guardado en el almacenamiento local del navegador, sin cuenta ni nube.
- Pruebas: npm test juega 2.000 cambios aleatorios para comprobar las reglas y comprueba los 14 idiomas. Node.js 26.13 o más reciente solo se usa para las pruebas, el servidor local y el comando de copia.
