Create better-looking tile based games with AS3 Color Matrix Filter

Emanuele Feronato Actionscript 3, Flash, Game design

Some years ago I showed you how to use the AS3 Color Matrix Filter in the post Understanding AS3 ColorMatrixFilter class, and since then a lot of sites around the web are showing how to manipulate image colors with this technique.

Today I am giving you a tip about the use of ColorMatrixFilter class in tile based games. Imagine a tile based game with a lot of tiles of the same kind, like A Blocky Christmas.

Placing tens of tiles with the same image or color will make your level look flat, that’s why most developers use to draw more textures for the same tile and place them randomly on the stage to give the level a better look.

That’s the same thing you can do with ColorMatrixFilter class, look at this script:

The first highlighted code just places some Tile sprites on the screen, while the second places them and applies small random changes to the colors.

Look at the result:

At the first run, you’ll see a flat, plain bunch of tiles. Click on the movie with the mouse to randomly generate a new level using Color Matrix Filter on Tile sprite.

Download the 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 5

Leave a Reply

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