Hello :)
I am trying to copy the tile size of an old game that sadly no longer exist. So I am trying to revive it for a giggle.

CHECK OUT THIS REAL TIME EXAMPLE OF MY PROBLEM!
Change between the two sprites and increase/decrease the width and height of the Tile spawn:
http://codepen.io/schoening/full/hclEt



This is the tiled grid I want to end up copying:
It's 18x18 tiles


The dimensions are: 722 x 375,
so I divided them into 18 x 18 squares:
722 / 18 = 40.111...
375 / 18 = 20.833...

So I rounded it up and got 40x21 tile.
When I am tiling it with a 40x20px distance it seems to fit perfect.


But that means they are overlapping. But I guess only on the Height? *scratch scratch*   I suppose its fine if they overlap. Although I found this example where Number TWO seems to be the best solution:



Sprites Compared:
40x20 Left    and    40x21 Right



Suggestions? How should by tile look ?


Edited by Schoening - 07 March 2013 at 7:55pm

Seems to work so far:

But if you have suggestions, go ahead. I would like the tiles to be perfect if possible ^^