Latte Lane: swap treats, make specials, restore five shops.
Latte Lane is an HTML5 match-3 puzzle template with full source code. Players swap neighbouring treats to make lines of three, create special treats and help a red panda barista restore a café, a bakery, an ice cream parlor, a tea house and a chocolate shop. The edition has 100 levels in five worlds, 35 renovation steps, boosters, a guided tutorial, 14 interface languages and a ready-to-host game folder.
Five worlds, one hundred levels
Café, Bakery, Ice Cream Parlor, Tea House and Chocolate Shop each bring their own treats, background and level map with 20 levels. Winning levels renovates the shop of each world in seven steps: a golden line sweeps across the before-and-after picture one step at a time until the shop is fully restored.
Made to feel good
Treats lift when you touch them, land with a soft squash, burst into crumbs and fly to the goals. Cascades build a combo with rising praise words and voice lines, special treats shake the board a little and screens change with a burst of treats. Everything respects the reduced-motion setting of the device.
Specials, obstacles and boosters
Four in a line makes a striped treat, an L or T shape makes a choco bomb and five in a line makes a rainbow star; specials combine for bigger effects. Whipped cream and jars appear in later levels. The whisk removes one treat, the rocket clears a row, and players earn coins, up to three stars per level, a level chest and a daily bonus. Level 1 always runs a short guided tutorial.
14 languages, every screen size
The interface is translated into 14 languages and starts in the language of the device; the voice lines are in English. The game runs in portrait and landscape on phones, tablets and desktops, with a tap-to-start screen that unlocks sound on mobile. Sound pauses when the player leaves the page and comes back on return.
Your game, your hosting
Upload the contents of the game folder to static HTTP(S) hosting and open index.html. No database, PHP, account, server or Node.js runtime is needed, and normal play makes no requests to ranking, advertising or payment services. The package includes the editable project, an illustrated offline guide in 14 languages and the font licence notice.
What this edition does not include
Native apps, hosting and custom development are not included, nor are online multiplayer, an online ranking, in-app purchases or an advertising SDK. The included translations are supplied as they are: have a native speaker review them before launching in a new market.
Customise it
Change goals and moves in src/game/levels.js, the match rules in src/game/rules.js, the game-feel numbers in src/config.js and the texts of all 14 languages in src/i18n/. The game is split by subject into small files in src/app/, each with a one-line description at the top. The stylesheets load in five parts: edit the last one that sets a rule. Replace artwork, sounds and music by dropping files with the same names into assets/.
Technical details at a glance
- Stack: HTML5, plain JavaScript modules and CSS, Canvas 2D and Web Audio, with no third-party code and no game engine.
- Files: HTML, CSS, JavaScript, WebP, MP3 and WOFF2.
- Languages: 14 interface languages and a guide in 14 languages.
- Browsers: current Chrome, Edge, Firefox and Safari, desktop and mobile.
- Saves: the browser's local storage, with no account or cloud sync.
- Tests: npm test plays 2,000 random swaps to check the match rules and checks the 14 languages. Node.js 26.13 or newer is only used for the tests, the local server and the copy command.
