Tile Garden 3D | HTML5 3D Matching Puzzle Game

Tile Garden 3D | HTML5 3D Matching Puzzle Game

Tile Garden 3D is a polished HTML5 3D tile matching puzzle game built with HTML5. Players rotate and clear a beautiful 3D tile board by matching identical tiles, using boosters when needed, and progressing through many relaxing puzzle levels.

The game is ready to upload to your website, game portal, or marketplace. It includes responsive gameplay, local assets, sound effects, music, 3D tile models, level data, and clean documentation.

Game Features

• Complete HTML5 3D tile matching puzzle game
• Built with BabylonJS
• 3D tile board with smooth interaction
• Garden-style casual puzzle theme
• Responsive layout for desktop, tablet, and mobile
• Mouse and touch controls
• Multiple built-in puzzle levels
• Booster system included
• Coin and reward UI included
• Sound effects and background music
• Splash screens included
• Local JavaScript libraries included
• Easy to reskin by replacing images, textures, audio, and splash screens
• Documentation included

Technology

• Engine: BabylonJS
• Language: JavaScript
• Format: HTML5
• Rendering: WebGL / Canvas
• Platform: Web browser

Supported Browsers

• Google Chrome
• Mozilla Firefox
• Microsoft Edge
• Safari
• Opera
• Android browser / Chrome for Android
• iOS Safari

Included Files

• index.html – main game page
• js/app.js – main game source code
• js/lib/ – required BabylonJS and helper libraries
• assets/imgs/ – backgrounds, splash screens, sprite atlases, and textures
• assets/audio/ – music and sound effects
• assets/models/ – 3D model files
• docs.html – documentation

Customization

You can customize the game by replacing the included images, tile textures, splash screens, audio files, and sprite atlases. The main game configuration and logic are located in js/app.js.

• Change game title in index.html
• Replace splash images in assets/imgs/
• Replace tile textures in assets/imgs/textures/cube/
• Replace sounds in assets/audio/
• Edit configuration values in js/app.js

Installation

1. Upload the full game folder to your hosting or server.
2. Keep the original folder structure unchanged.
3. Open index.html from your domain or local server.

For local testing, please use a local web server. Do not run the game directly with the file:/// path, because some browsers block local asset loading.

Package Notes

• The game source is readable JavaScript.
• No external build step is required.
• No database is required.
• No backend server is required.
• Works on any standard static hosting.

Support

If you need help with installation, customization, or basic setup, please contact the author through the marketplace support/contact page.