This week I made some designs for my Mahjong game (read more) and the game is gonna be just great! Here is a little preview of the tiles and the style of the game (I’ll upload more designs later on):
Besides the designs I also needed a nice transition between the background and a map that will be shown somewhere during the game (as some sort of level selection). Because the style is kind of “old” I thought it would be a good idea to make some sort of dissolve transition.
Whaddayaknow; I managed to get a decent result in just a couple of hours.
Despite the fact that I used a perlinNoise and a copyChannel the result runs pretty smooth. Check it out:
http://labs.justgreat.nl/exp080201.htm
To accomplish the dissolve effect I used an alpha mask on the top image (in this case the “map”-image). The mask itself is created by combining a perlinNoise and copyChannel. The perlinNoise creates the randomness and the copyChannel transforms the randomness into a transparent layer.
The size of the mask is half the size of the image and stretched to match the size of the image. This way only a small perlin noise has to be created which increases performance.
Looks really nice. The tiles themselves too. By the way, is this going to be a “remove similar tiles” game, or a “real” mahjong game? I guess that would be really hard to build but you’d be the first!
Hi cousin. Of course I don’t understand a damn thing about codes, but am sure you’re the best at it. I started myself animating a circle, wow, impressive, now my pictures move…
Hug
Paul
I just found your site by accident and really love your experiments. It’s a shame you don’t update the blog anymore.
I would be interested, if you’re willing to share the source for the alpha blending – I’m currently trying to achieve something similar, but just had a first try at BitmapData and have seen that it’s quite more deep than expected.