X-Match

A creative and challenging puzzle designed/developed by geekmouse. It's open source and can play on both desktop/mobile browsers. Hope it can help developers who are interested in developing mobile web games.

Play Here

###Game Rules

1. In the beginning, a few tiles with numbers are randomly distributed on the board.

2. In each move, click an empty grid between same tiles to merge them into a new tile with the sum, and then another two random tiles are generated.

3. If the sum >= 10, they are merged into an "X". You can also click to merge "X"s - It's called "X-Match", which won't generate the sum-up tiles or new random tiles.

4. If the board has no empty grid or no possible move, game over.

Making "X-Match" is the only way to score. The target of this game is to score as much as possible before game over. It requires your observation, patient and strategy. It's a mission challenging for new players. Many testers have already made their "score-100" milestone and found it extremely addictive. This VIDEO is an example.

Technique

Compatibility

• Desktop browsers(Already Tested): IE 8.0+, Chrome 39.0+, Firefox 34.0+, Safari 8.0+ and Opera 26.0+

• Mobile browsers(Already Tested): iOS 5.1+(Safari), Android 4.0+

We have no plan to maintain IE7.x or below and have limited devices to test it on older browsers. If you find any issue in compatibility, please feel free to contact us.

Advices for developing web games(jQuery) for mobile devices

• Compress the total size of script as small as possible. Avoid including any unnecessary libary or functions. They'll slow down your page loading. Deploy gzip on apache is a good idea.
• Consider the auto-resize feature for your content. You never know the your visitors' window size, and maybe they love playing games at working time (I personally don't courage that) and need a size-flexible one. Search the function "syncSize" in GameScene.js for the solution.
• Load social widgets dynamically. I found they will result serious FPS drop on mobile devices and limited them for desktop browsers only. Search "social.js" in GameMgr.js for my solution.
• If "tap" is a basic operation in your game, use fastClick, or there will be a terrible response delay.

We'll keep updating the project X-Match and glad for any discussion.