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.

From null to full HTML5 cross platform game

I will take you by hand from the bare bones of JavaScript programming through the creation of a full cross platform HTML5 game, with detailed explainations and source code.

If you don't know where to start, then From null to full HTML5 cross platform game is the book for you.

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 *