Drag and Match engine like the one used in 10000000 made with Stencyl

Emanuele Feronato Flash, Game design, Stencyl

A couple of months ago I showed you the creation of a Flash AS3 match 3 engine by dragging rows and columns rather than swapping items like the one used in the famous 10000000 game.

Now I made the same thing using Stencyl. I really recommend to give Stencyl a try because it’s very easy to do stuff with it.

Here is what I did:

Click and drag row and columns. I also used a “retina” display as images are actually 80×80 pixels although I am showing them at 40×40.

The project is a bit unoptimize as I am trying to convert it into a customizable behavior, anyway I followed the same logic used in the creation of a Flash AS3 match 3 engine by dragging rows and columns rather than swapping items.

We have only an actor called Tile with 6 animations, one for each color.

The one and only behavior bound to the main scene has four events:

Created to initialize the game

Mouse Clicked to pick a tile

Mouse Moved to drag a row or a column

Mouse Released to stop dragging

During next days I will release a proper optimized behavior with space for customization, meanwhile you can have a look at the project source code.

Want to learn more? Learn by example!

Get the full commented source code of an actual commercial cross platform HTML5 game!!

Comments 3

  1. Pingback: HTML5 Drag and Match engine made with Phaser | Phaser??

Leave a Reply

Your email address will not be published. Required fields are marked *