Juicy Tile Mania – Tile-Matching Puzzle Game

Bluehost Shared Hosting

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.

Monetization

The codebase includes hooks and patterns suitable for integrating ad SDKs (e.g. interstitial/reward flows). Wire your provider where the project calls its ad stubs.

Match tiles, beat the clock, and clear every board—Juicy Tile Mania is ready to customize and publish.

0 average based on 0 ratings.

LogicLayer

LogicLayer

Visit Author's Portfolio

View Portfolio
Last Update 2026-04-07
Created 2026-04-07
Sales 0
Discussion Comments
Compatible Browsers IE11 Firefox Safari Opera Chrome Edge
Software Version HTML5
High Resolution Yes
Files Included JavaScript JS JavaScript JSON HTML XML CSS
Video Preview Resolution