Game: TriPop


The selfish creation. I like match three games, so I made one. What I don’t like in games is time pressure whatever more ‘excitement’ it may bring. So I made me a little relaxing game. When I thought about making it public I added a timed mode, because there are people who like that. The most interesting fact from the developer side of view: I did the whole game in FlashDevelop and there is not a single graphical asset included. It’s all code generated.

Strategic alignment:

  • Create a casual game as expandable and thus exploitable template
  • Learn to work with FlashDevelop

The mechanism of a match three is trickier than thought. I decided against a flood fill check algorithm and instead used a double loop (rows, then columns). That way the first check is cheaper because only the swapped region (1 row and 2 cloumns or 2 rows and 1 column) is checked. I managed to implement detection of all kinds of combos. By checking rows first and columns later there are combinations that aren’t easily marked as having the same elements. But a little backwards loop over all found matches afterwards did that.

The game features:

  • A title screen with the expanded kegMenu® and some fluffy clouds floating around. The game uses automatic language detection via System.Capabilities for english and german.
  • The TriPop menu screen

    The TriPop menu screen

  • A settings screen with full sound control (main, music and effects) as well a language choice.
  • The TriPop settings screen

    The TriPop settings screen

  • A screen showing the basic instructions
  • The TriPop help screen

    The TriPop help screen

  • A screen that informs the player that a link he clicked is not working. This is mostly due to the parameters allowNetworking or allowScriptAccess set by the site owner. When it is detected via try...catch the link is copied to the clipboard and the user is informed that he can just paste it into the address bar. I didn’t want to block the game at this moment. One could include the domain where the links are blocked for a dynamic blacklist or something but blocking the game would be rather annoying for the player.
  • The TriPop link block alert

    The TriPop link block alert

  • And a little ‘console screen’ though no input is possible. I included it just for me to see if the game is working correctly. It is accessible via keyboard input ‘IDDQD’. In-game this leads to a faster game end, a feature that I needed to test the leaderboards.
  • The TriPop developer console

    The TriPop developer console

  • And of course the game. As this is the developer log I just wanted to show off the gimmicks first. As already mentioned, all graphics are code generated. The size of the final swf including the MochiAds preloader is 307KB with:
    • 238KB for the background loop (‘Winter’s Dream’, also on NewGrounds Audio)
    • 10KB for the sound effects
    • 39KB for the game itself
  • A TriPop game screenshot

    A TriPop game screenshot

And here is the game link.

Have fun playing it and leave a comment if you like to. Though it is still no ‘industrial standard’, I feel that this is my most professional work and I had a lot of fun developing it with only free tools. FlashDevelop is very comfortable for writing code, not only regarding the space on the screen for conding on a laptop monitor.


This entry was posted in game development, Games, mochiads and tagged , , . Bookmark the permalink.
Be Sociable, Share!

13 Responses to Game: TriPop

  1. JJ says:

    THIRD TIP – This is in case you are not familiar with 3d modeling

    I do most of my modeling with the free open source program known as Blender available here
    ht tp://

    To learn Blender IMHO this is the best route.
    First start here
    ht tp://

    Once you are acquainted with the basics of the Blender interface and of 3d modeling you can watch the more advanced tutorials at this same site. Some of the tutorials at the blender cookie website are for paid ones but a lot of them are free. To directly see which ones of the blender cookie tutorials are free, you can go directly to their vimeo channel if you want. Some of the older videos over there are for an earlier version of blender but once you understand the basic concepts of 3d modeling, those older tutorials are very helpful as well because all the things you can do with the older version of blender you can do with the latest version as well.

    Below is the link to blender cookie’s vimeo video channel
    h ttp://

  2. egdcltd says:

    All the graphics were generated by code? That’s pretty impressive, they look better than many drawn assets. How do you plan out the graphics creation? I know, essentially, how you create graphics, but just starting out and trying to code them would make a mess.

    • kegogrog says:

      Indeed, all graphics are generated by code. The logo letters did take the most time. I know I should have drawn them on (maybe squared) paper before but I did not. Trial (directly from the brain) and error… Fun though.

      • egdcltd says:

        Fortunately, I have a lot of graph paper, so I could (should) probably use that. Only graphics I’ve done procedurally so far were from 8bitrocket’s book.

  3. Pingback: Game: TripleDrop |