This weekend I made a clone of a popular color-matching game. A matrix of colored boxes are presented to the user, who must then delete groups of colors by clicking on contiguous sections. I used Raphael.js for the animations. While I don’t have time to do a tutorial right now, I’ve provided the source code in case anyone wants to play around with it.

Play it here

Download the Source (eboc.js)

See how fast your fingers are! Run your fingers along the key board from one side to the other, then wait one second. Once you’re bored, try changing the speedometer settings, and lights. The speedometer is also a reusable Javascript widget, it’s useful for displaying values over some range. Follow the jump to download the source and some documentation.

Read more…?

I needed a good animated water background for my Settlers game and didn’t want to generate an effect in real time. After messing around with a couple different methods, this animated texture technique turned out to look pretty decent. An example is running on the top right of this post.
Read more…?

I’m working on a Settlers-based game. It’s going to use HTML5′s canvas element, node.js on the backend, and socket.io for multiplayer play. I’ve mocked up some game artwork. The first is a screenshot from the actual game, the second is the forest tileset before I split them up. So far, the blending is going well, although I feel the mountains may need a bit more work.

So far, the map gets created in any size with the correct beach tiles. The waves are animated too, but I’m not sure things will animate fast enough once I get everything added.

Here is a cool-looking star field being rendered on HTML5′s canvas element. To the left is a sample of what is shown in this article.

Download the source here

Read more…?