Crypta (Match 3)

This game had already a couple of incarnations in Construct Classic, but I always wanted to do a Match 3 game in HTML5. Have been putting it off for a while, but here's finally the first proper result.

<img src="http://dl.dropbox.com/u/2306601/crypta2/shot0.png" border="0">

Match 3 test

So far it's only the basic engine to try, without anything fancy going on. From my observations it works well and also runs fast (in Chrome at least).

Of course there's a bunch of stuff to add, from a menu to special game blocks, the hellmeter feature which turns blocks into stone and of course a highscore table.

Let me know if you encounter anything weird or have severe performance issues. Any feedback welcome, thanks for trying it out!

Runs at a steady 52-60 fps until a match is made? then drops to 6 fps.

Inno Geforce 6200 (crap card) XP SP 3

Always a fan!

<img src="smileys/smiley2.gif" border="0" align="middle" />

Runs at a steady 52-60 fps until a match is made? then drops to 6 fps.

Inno Geforce 6200 (crap card) XP SP 3

Always a fan!

<img src="smileys/smiley2.gif" border="0" align="middle" />

Hi there chris! <img src="smileys/smiley1.gif" border="0" align="middle" />

I assume you were using Chrome? I probably should have left out the effect when making a match for this test, cause now I don't know to what extent the additive effect on those sprites might be responsible. Will post a no effect version later.

Hey, nice job PixelRebirth! For me with Chrome it runs a steady 63fps, and only drops about 5fps with a single match 3. But if I get a whole bunch of matches going on at the same time it drops to around 44fps.

Windows 7 OS

Mobile Intel(R) 4 Series Express Chipset Family

Hey, nice job PixelRebirth! For me with Chrome it runs a steady 63fps, and only drops about 5fps with a single match 3. But if I get a whole bunch of matches going on at the same time it drops to around 44fps.

It drops that low when there's only a single match of 3 skulls? Very weird. <img src="smileys/smiley5.gif" border="0" align="middle">

I uploaded a slightly different version(link), where I got rid of the additive effect and did some other minor changes. Would be cool if you guys could try it out again and tell me if it runs better. Thanks for your feedback!

It drops that low when there's only a single match of 3 skulls? Very weird. <img src="smileys/smiley5.gif" border="0" align="middle" />

No, I meant that it drops only 5fps on a single match 3.

63fps - 5fps = 58fps.

I just tested your new version, and it seems to run faster. It runs a steady 63fps. A single match 3 runs between 57fps, and 59fps. A whole bunch of matches going on at the same time runs in the high 40's to low 50's. It never got below 48fps for me using Chrome. It is very playable. Needs sound though. <img src="smileys/smiley4.gif" border="0" align="middle" />

o, I meant that it drops only 5fps on a single match 3.

63fps - 5fps = 58fps.

Once again I fail at reading. <img src="smileys/smiley36.gif" border="0" align="middle" />

Makes much more sense now, hehe.

Well, I think the performance is workable. On my hardware (midrange-)it runs constantly at Vsync-rate, no matter what happens.

Although I'm still wondering about the rather poor Firefox performance. I see Mozilla's Browser being praised often around here, but in my experience Chrome outshines it every time. Anyway, feeling confident about moving forward with this now.

Thanks for the feedback again Wink, cheers!

t is very playable. Needs sound though.

Oh, definitely. Not there yet. I use to add the audio bits very late in development.

Nice work man! I like the skull theme, it's a cool change from the usual, I'd like to see a "rock/music" type theme with "guitar licks/solo's" & "drum fills" for sounds/actions, like a crazy solo while nice big multiple/consecutive matches are crunching together? Anyway, it worked smoothly in Chrome, I actually had to pull myself away!

I realize it's only vanilla at the moment with much to add but is/will it be possible to match "Diagonally"?

My high score! lol:

<img src="https://dl.dropbox.com/u/34822487/Pics/match-take.jpg" border="0" />

Do you mind showing a screenshot of the events you use to exchange the objects if they are in the very next cell?

I'm using an invisible image with a cross shape, but I'm having trouble with the events. It works but it's still buggy sometimes. Otherwise I'll just ask in another thread. Thanks.

Nice work man! I like the skull theme, it's a cool change from the usual, I'd like to see a "rock/music" type theme with "guitar licks/solo's" & "drum fills" for sounds/actions, like a crazy solo while nice big multiple/consecutive matches are crunching together?

Your suggestions seem fitting, although the game's audio will mostly depend on what I can do with my limited skills in that department. For music I will most likely need an outside contributor.

I realize it's only vanilla at the moment with much to add but is/will it be possible to match "Diagonally"?

hile it's possible to add this functionality to the engine, I don't actually want it in the game. There will be a few features that should make gameplay more interesting though. <img src="smileys/smiley2.gif" border="0" align="middle">

Anyway, it worked smoothly in Chrome, I actually had to pull myself away!lad to hear that you enjoyed it already. And congrats on that highscore! <img src="smileys/smiley1.gif" border="0" align="middle">

Do you mind showing a screenshot of the events you use to exchange the objects if they are in the very next cell?

I'm using an invisible image with a cross shape, but I'm having trouble with the events. It works but it's still buggy sometimes. Otherwise I'll just ask in another thread. Thanks.f you take a look at my older Construct Classic match 3 example, you might get some hints about this. It also used an invisible sprite for this.

Although in the newer (and superior) engine, I do all this stuff within the array itself. I use an index to reference game blocks. So I'll know by the difference in the index number, if a block is adjacent or not.

look very nice and i dont have any problem with the performance.

Can you share the Capx?

ive been trying for a week now, and i simply cant get around doing it proberbly <img src="smileys/smiley11.gif" border="0" align="middle" />

Just a little heads up:

I dug up the old Crypta project in order to use it as a testbed for Clay.io integration. Here's the present result (click image to play):