Space between tiles

Million Tile Engine
#1

I’ve notice I have display issue with my tiles when my map is resize for bigger display. I can see gray line between some of my tiles (see my screenshot). I saw that other people had that issue and recommended to create tiles with an extra pixel around it which I hope is not the only solution. I’m sure this is a challenge everybody have to face sooner or later so I wonder what is the million tile engine user preferred solution. 

I search the forum and saw that this is an old issue:

http://forums.coronalabs.com/topic/8671-lines-between-my-tiles/?hl=%2Bspace+%2Bbetween+%2Btile+%2Bdisplay#entry87827

I’m hoping for a easier way out since that seems like a pretty basic issue for scaled map.

thanks

#2

It is a pretty basic issue, but its related to how Corona’s default texture filter works. One way to address the problem is to set the default “magTextureFilter” and “minTextureFilter” filters to “nearest” as described halfway down this doc page http://docs.coronalabs.com/api/library/display/setDefault.html This will disable the texture smoothing you see when you resize a display object and prevent those tiny gaps from appearing.

Another thing you can do is set the overDraw parameter of mte.goto() to 0.5 or 1. So, for example, a goto call might look like mte.goto({locX = 10, locY = 10, blockScale = 64, overDraw = 0.5}) This will have MTE draw each tile 0.5 pixels wider on the screen, covering the thin border lines between tiles.

#3

Hi dyson122,

I did fix the issue with 

display.setDefault(“minTextureFilter”, “nearest”)

display.setDefault(“magTextureFilter”, “nearest”)

I played with overDraw a bit, I got some result, but I could always see some imperfection between some of my tiles. But I’m good using setDefault.

that makes me realize I should go over the Corona doc a little bit more  :wink:

thanks a lot!

#4

It is a pretty basic issue, but its related to how Corona’s default texture filter works. One way to address the problem is to set the default “magTextureFilter” and “minTextureFilter” filters to “nearest” as described halfway down this doc page http://docs.coronalabs.com/api/library/display/setDefault.html This will disable the texture smoothing you see when you resize a display object and prevent those tiny gaps from appearing.

Another thing you can do is set the overDraw parameter of mte.goto() to 0.5 or 1. So, for example, a goto call might look like mte.goto({locX = 10, locY = 10, blockScale = 64, overDraw = 0.5}) This will have MTE draw each tile 0.5 pixels wider on the screen, covering the thin border lines between tiles.

#5

Hi dyson122,

I did fix the issue with 

display.setDefault(“minTextureFilter”, “nearest”)

display.setDefault(“magTextureFilter”, “nearest”)

I played with overDraw a bit, I got some result, but I could always see some imperfection between some of my tiles. But I’m good using setDefault.

that makes me realize I should go over the Corona doc a little bit more  :wink:

thanks a lot!