Coral Quest: swap sea pieces, make specials, restore a sunken reef.
Coral Quest is an HTML5 match-3 puzzle template with full source code. Players swap neighbouring shells, starfish, jellyfish and turtles into lines of three, set off special pieces and help a cheerful octopus diver restore five places under the sea. The edition has 100 levels in five ocean worlds, 35 restoration steps, boosters, a guided tutorial, 14 interface languages and a ready-to-host game folder.
Five ocean worlds, one hundred levels
Coral Reef, Sunken Ship, Kelp Forest, Crystal Caves and Pearl Kingdom each bring their own six pieces, painted background (wide and upright versions) and a level map page with 20 levels and a chest. First wins on new levels restore the place of each world in seven steps, revealed over a before-and-after picture.
Specials, bubbles and boosters
Four in a line make a striped piece that clears a row or a column, an L or T shape makes a sea bomb and five in a line make a magic pearl that clears every piece of one kind. Bubble squares with one or two layers appear in later levels. The Trident removes one piece and the Shell Rocket clears a row; players earn coins, up to three stars per level and +5 moves when they run out.
Made to feel good
Pieces lift when you touch them, land with a soft squash, burst into bubbles and fly to the goals. Cascades build a combo with praise words and voice cheers, and the octopus mascot waves, worries and celebrates with eight poses and an idle animation. Everything respects the reduced-motion setting of the device.
14 languages, every screen size
The interface is translated into 14 languages and starts in the language of the device; the voice cheers are in English. The game runs held upright or sideways on phones, tablets and desktops, with a tap-to-start screen that unlocks sound on mobile.
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 English, Portuguese and Spanish, a step-by-step customization guide 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
CUSTOMIZATION.html shows, with numbered real screenshots, the exact file behind every part of the screen, and gives recipes for pictures, the octopus and pieces (sprite sheets), backgrounds, sounds, texts, colors, the font, difficulty and prices. Levels are built in src/game/levels.js, the match rules are in src/game/rules.js, game-feel numbers in src/config.js and the texts of all 14 languages in src/i18n/.
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, PNG, MP3 and WOFF2.
- Languages: 14 interface languages; guide in English, Portuguese and Spanish.
- 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 checks the match rules, that all 100 levels start with a valid move and goals, and the 14 languages. Node.js 26.13 or newer is only used for the tests, the local server and the copy command.
