Elegantly tile transition blending

Started by
4 comments, last by pitxardo 11 years, 6 months ago
Hi everyone!

I'm working in a tile based game that uses OpenGL and QUADS to draw each tile.

In these two images you can see an example:

2rwtjpj.jpg

dfkh7r.jpg

You can see that there is a ground and water tiles, each one with its own texture. Also there are different gradient colors depending of the depth or altiture of the tile. The red square is a provisional cursor.

The game background logic works with bidimensional array of tiles.

Here is a full capture without zoom:

95ufz7.jpg

You can see the game has a retro/ugly style that I want to change. At least, I want to beauty that squared-as-a-hell tiles with some transition between them.

There is some taken into account options:

1. I can try with a good tileset like this:

tileset.png
Source: http://forums.tigsou...hp?topic=9859.0

And change the tile's texture depending of the neighbor tiles. But... I want a very high variety of tiles and texture, so the combination of them could be in a ver high and complex tileset.


2. Multi-texturing the tiles:

I can mix texture in one tile, but I have no idea how to do it and have a nice result...

The ideal approach is to do something like this:

30hu1sn.jpg

Of course, I must take in care the 4 corners.

But I only know to do something like this:

2f0521j.jpg

:-(


3. My last idea was embrance the retro style and leave the tiles as they are.



Any suggestion or idea for a good looking tile map?

I tried with some terrain tutorials, but they are never based on tiles or texture per tile that I want.

I think the idea is near to the multitexturing and blending, but I have not too much idea about multitexturing and different types of blending :-(
Advertisement
Are you using shaders?

Are you using shaders?


No, there is no shaders and not idea how to apply it.

My level with OpenGL is very basic :-(
You could always go with the technique outlined here: http://www.gamedev.net/page/resources/_/technical/game-programming/tilemap-based-game-techniques-handling-terrai-r934

Essentially, each type of terrain has a set of alpha-blended transitions intended to be drawn over neighboring terrain.
In order to achieve #2, the easiest way would be to draw the bottom layer, then draw the top layer with alpha blending, setting each corner specifically based on what kind of gradient you want

You could always go with the technique outlined here: http://www.gamedev.n...ing-terrai-r934

Essentially, each type of terrain has a set of alpha-blended transitions intended to be drawn over neighboring terrain.


In order to achieve #2, the easiest way would be to draw the bottom layer, then draw the top layer with alpha blending, setting each corner specifically based on what kind of gradient you want


Thanks!

I think that I need to apply a mix of this two techniques :-)

This topic is closed to new replies.

Advertisement