Making Tiles
Anonymous
Saturday, May 28, 2011 - 13:40
How do you make your isometric tiles have no gaps ?
This is mine:
http://i51.tinypic.com/261nbmg.jpg
As you can see theres a tiny gap... how i made mine is like this:
500 by 500 image - add texture in photoshop.
Rotate 45 degrees and then height 50% of width. Now its isometric.
But there is still a backgroudn so i use the magic wand to remove it but it leaves these tiny lines that i can barely see with my eyes until i put it into the engine, so how do you guys cut the isometric tile out making sure nothing else goes with it, the magic wand does not seem to be the perfect method =/
I basically make my tiles slightly bigger so that the alpha transparency edge is covered when tiling.
http://clintbellanger.net/rpg/tutorials/isometric_tiles/10_camera_after.png
I make my tiles in 3D. That dotted line is where the edge of the tile is. You can see that my isometric tile goes outside the edge a bit. When I render, that extra padding helps when tiling.
A similar principle could work for you. Make the tile slightly larger than you expect, then do 1-px crop at the end.
Okay ill give it a go thanks :)