Match 3 Game This plugin adds a fully-functional "Match 3" game to your app. You can customize quite a few options on this, including: -Number of elements -Images of elements -Header image -Max turns -Points per Match (different points for matching 3, 4 or 5 at a time) -Points per Combo -Time limit per turn -and more! This plugin is based on the HTML5 open-source project by Henry Liou. Modifications were made, including but not limited to: --Integrating certain CSS and JS values with objective-c code to match up with Control Panel properties --Adding points tracker and points per X # of matches --Adding max number of turns --Creating plugin wrapper around project

Android coming soon...

Nice! Do you have a video demo of the game?

Not currently - I'll make one later today though

Nice one!

Neat. So this is a HTML/JQuery version of Candy Crush? Is this a demo site of the game? http://liouh.com/puzzle/ If so - does it play similar to that or are the controls/animation smoother on the device compared to this website? We can reskin this fairly easily with new images and remove/mod the header completely or resize and change the position? That's all in the .html file?

Yep - it's all HTML5. Well, mostly. I added some objective-c in there to connect with the control panel and to get results. It's fairly extendable - when the game is finished, the results are returned to the plugin and stored in a dictionary. Stats include total points and count of each element type matched. So, with a little bit of work you could make this into a full-fledged rpg style game. In terms of changing out images and the header, that can all be done via control panel. Plan on adding Game Center support later.

Waiting for the Android version...

Chris- Are there any Control Panel hooks for sound effects, or is there an example in the HTML code for how to add audio associated with one animation that could be copied and modified for others?

No sound effects right now - but that would make a good addition for the next version.

Hi Chris, Is there a tutorial when we can have a recommended sizes and format (png, jpg..) of element images and header image?

element images are recommended to be 90x90, png format. Header image is recommended to be 320x207 (or 640x414 if targeting iPad too). Images should scale to fit though.

element images are recommended to be 90x90, png format. Header image is recommended to be 320x207 (or 640x414 if targeting iPad too). Images should scale to fit though.

Yeah a short demo I'm not a gamer at all lol. In the case of the matching the states how would that work? Just curious because I'm unclear of how it works

Thanks chris. Will try to run it

Here's a demo video. Matching states would work the same way. In the screenshot, I just replaced the images with images of some of the states. http://www.youtube.com/watch?v=cKqkox9KB9o&feature=youtube_gdata_player

Is there a fix for the html file for the issue reported with the status display area. It appears on every combination I have to test with... https://www.dropbox.com/s/yoajwfawxqzz5b7/screen11.tif (there in v1.1) Thanks

Status window same here too, the last match image is overlapping the time-bar (below) https://www.dropbox.com/s/6q2tvodtb8b6ws4/match.png

Also I get this alert 7 times BT_Plugins/CR_match3/CR_match3.m:240:27: Unused variable 'matchElement0' I named my images like rossi.png , marquez.png they are all different, is that wrong? NSLog(@"finished!\n%@", jsonData); if ([jsonData isKindOfClass:[NSDictionary class]]) { NSString *points = [BT_strings getJsonPropertyValue:jsonData nameOfProperty:@"points" defaultValue:@"0"]; NSString *matchElement0 = [BT_strings getJsonPropertyValue:jsonData nameOfProperty:@"matchElement0" defaultValue:@"0"]; NSString *matchElement1 = [BT_strings getJsonPropertyValue:jsonData nameOfProperty:@"matchElement1" defaultValue:@"0"]; NSString *matchElement2 = [BT_strings getJsonPropertyValue:jsonData nameOfProperty:@"matchElement2" defaultValue:@"0"]; NSString *matchElement3 = [BT_strings getJsonPropertyValue:jsonData nameOfProperty:@"matchElement3" defaultValue:@"0"]; NSString *matchElement4 = [BT_strings getJsonPropertyValue:jsonData nameOfProperty:@"matchElement4" defaultValue:@"0"]; NSString *matchElement5 = [BT_strings getJsonPropertyValue:jsonData nameOfProperty:@"matchElement5" defaultValue:@"0"]; NSString *matchElement6 = [BT_strings getJsonPropertyValue:jsonData nameOfProperty:@"matchElement6" defaultValue:@"0"];