Echo Match | HTML5 Sound Matching Puzzle Game

Echo Match is a self-contained HTML5 audio memory game built with HTML5, CSS3, and vanilla JavaScript. It needs no engine, build step, installation, or server-side service. Open main_file/index.html directly, or upload the complete main_file folder to a static host.Players tap tiles to hear hidden sounds and find the matching pairs by ear alone. With 8 themed sound worlds, 208 hand-tuned levels, real-time audio feedback, and a deep purple-gold aesthetic, Echo Match turns simple listening into a calming, focused challenge.How to PlayTap any tile to hear its hidden sound. Echo Match tap a second tile — if the sounds match, the pair is solved and both tiles flip over to reveal their icons. Clear every pair on the board to complete the level, beat your own accuracy, and unlock the next one.Core Gameplay208 levels across 8 sound worlds — Cozy Kitchen, Rainy Garden, Music Box Attic, Seaside Cove, Starlit Forest, Candy Carnival, Winter Hollow, and Enchanted Library.Audio-only matching — tiles hide their icons until matched. Every pair must be found by ear alone.Zero audio files — every tone is synthesized live with the Web Audio API. No MP3s or audio downloads are needed.Deterministic level generation — each level is seeded by its world and number, so the same layout always returns the same way. Every puzzle is fair and solvable.1–3 star rating per level based on mistakes made — perfect ears earn 3 stars.World progression — unlock each new world by completing 75% of the previous one.Pause, restart, or jump to the Level Map at any time from the in-game menu.Animated feedback — 3D tile flips, sparkle bursts on matches, confetti rain on wins.Loading screen on every visit with a logo, spinner, and gradient progress bar.Progression & ReplayabilityStar-based unlock — earn at least 1 star on a level to unlock the next.Best-star tracking — replaying a level with fewer stars never lowers your saved rating.Persistent progress — stars and unlocks are saved via localStorage.Replayable by design — deterministic seeds mean you can return to any level and it plays the same way every time.Visual PresentationDeep purple & magenta theme — dark cosmic background with pink, cyan, and gold accents.Hand-drawn inline SVG icons for special tiles (teapot, jar, clock, and more), combined with platform emoji for the rest.Animated 3D tile flips — smooth rotateY transitions on every match.Blurred cosmic background image on every screen, kept sharp on the lobby for contrast.Responsive layout — tiles auto-scale for phones, tablets, and desktop windows; test on your target devices before release.Fredoka + Outfit typefaces — loaded via Google Fonts CDN on first visit.Technical SpecificationsBuilt with: Pure HTML5, CSS3, and vanilla JavaScript (DOM-based rendering)Runtime libraries: None. Fredoka and Outfit are third-party fonts loaded from the Google Fonts CDN; the project does not bundle font files.Responsive: Designed for phones, tablets, and desktop; test your target devicesBrowser support: Designed for desktop and mobile Chrome, Safari, Firefox, and Edge that support HTML5, CSS3, JavaScript, Local Storage, and the Web Audio API. This package does not include a verified browser/version test matrix.Touch & mouse support: Both work seamlessly for tile tapsInternet requirement: Needed to request Google Fonts unless you self-host those fonts. If unavailable, system fonts are used. Gameplay itself has no other network dependency.Storage: localStorage (~2–5 KB) for star and unlock progress.Audio: All sounds synthesized with the Web Audio API. No external audio files.