Build 10 games and learn game development along the way in this fast paced game development course

Get the source code of 12 commercial games, loaded 50+ million times, and learn the secrets of game design

Learn how to make a successful Flash game from a real world example. Fully commented source code

Create realistic Flash physics games from scratch with advanced features, from Angry Birds to Crush the Castle

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

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.

Rate this post: 1 Star2 Stars3 Stars4 Stars5 Stars (14 votes, average: 3.36 out of 5)
Loading ... Loading ...
Learn how to make a successful commercial Flash game from a real world example: get the fully commented source code of Globez, a Flash game played millions of times which generated a four figure income. Limited copies available.

Get it now
Be my fan on Facebook and follow me on Twitter! Exclusive content for my Facebook fans and Twitter followers

This post has 5 comments

  1. daylyn

    on February 19, 2013 at 8:54 am

    a nice job!!!! thks!

  2. Maras

    on February 19, 2013 at 10:50 pm

    Very nice! (As always)

    Thanks for sharing, and thanks @AdobeFlashPro for tweeting it :-)

  3. Bence Dobos

    on February 20, 2013 at 6:31 pm

    Played with it a bit here: http://wonderfl.net/c/w93c

  4. Bence Dobos

    on February 21, 2013 at 12:40 pm

    Here is the exact same thing but with ColorTransform: http://wonderfl.net/c/b8Ak

  5. bleedinghorse

    on March 9, 2013 at 12:04 pm

    a very interesting piece of code !
    thanks indeed

Thank you for the download!!

I hope you will find it useful and make something interesting out of it

To keep up to date with the blog, why don't you like my Facebook page and follow me on Twitter?

Want to learn more? Don't miss this:

Learn how to make a successful commercial Flash game from a real world example: get the fully commented source code of Globez, a Flash game played millions of times which generated a four figure income. Limited copies available.

Get it now

×