Juicy Tile Mania – Tile-Matching Puzzle Game

Juicy Tile Mania is an HTML5 tile-matching puzzle built with Phaser 3 (Canvas). Match pairs of identical tiles, clear the board, and work through 40 levels with different grid sizes, a countdown timer, and helpful tools—hints, shuffle, and wizard—when things get tricky.

Game features (as implemented in source)

• 40 levels – Progress tracked in-game; level select with paging; JSON-driven layouts under source/assets/.
• Timer – Horizontal or vertical progress bar depending on orientation; time budget scales with run progress.
• Power-ups – Hint, shuffle, and wizard (limited uses); pause, restart, and level UI on the main screen.
• Audio – Background music loaded from audio/background.mp3; UI and game SFX via the bundled audio sprite (assets/sounds/).
• Separate toggles – Music mute and sound effects mute (independent), with state kept in the scene registry.
• Responsive layout – Portrait and landscape: game config switches resolution (e.g. 1280×720 vs 720×1280) and UI is adjusted for window.horis.
• Scenes – Preload → Menu → Levels / Credits → Main gameplay (MainScene); includes pause overlay, level complete, game over, and credits.

What’s in the package

• Source – Complete project under source/: index.html, js/ (scenes, sprites, utils), sprites/ (multi-atlas), assets/ (backgrounds, level JSON, sounds), audio/ (background music), fonts/ (e.g. Gilroy-Heavy for UI).
• Editable assets – PNG atlases, MP3 audio, and level data you can replace to reskin or extend content.
• Documentation – See upload/documentation.html in the package for integration notes (e.g. hosting paths).

Setup

Serve the source/ folder from a web server (or open via a local server) so audio and JSON load correctly. Upload the same structure to your host; customize text, images, and audio/background.mp3 as needed.