Forums » Help » Ejecta: Seam between tiles

I'm running my game with 1024x768 resolution with a scale of 1.

When running on Browser, graphics are OK. No seam between tiles.

When I run on a Retina iPad, I see some faint seams between some tiles.

It's like scaling the sprite sheet with bicubic interpolation in Photoshop. What I really want is nearest-neighbor.

I tried

ig.System.drawMode = ig.System.DRAW.AUTHENTIC;
ig.System.scaleMode = ig.System.SCALE.CRISP;

nothing changed.

Any ideas?

Not sure what you mean by "seams between lines". Mind sharing a screenshot? Are you seeing artifacts, or are the graphics just not as crisp as you'd like? Are they blurry?

Wow. I'm always amazed just how quickly time passes. It took me 2 weeks to get a damned screenshot and put it online.

Anyway, Joncom, here is the thing I'm talking about:

http://multiplexgames.com/defense/graphics-glitch-on-ios/

Weird, the drawMode and scaleMode should prevent this. You set those before calling ig.main(), right?

Maybe this seam is in the tile graphics itself? That would imply that iOS somehow loads this image somehow differently.

You could also try to disable the retina mode for the canvas. Again, do this before calling ig.main():

canvas.retinaResolutionEnabled = false;

I've had this issue before. It only seems to happen on retina display iOs devices.

In my case I noticed it only on some levels of my game, mostly levels that had multiple layers, set at different distances. I have used the same tile sheet on different levels with fewer layers and the issue doesn't seem to appear, so I can rule out it being an art issue.

I also noticed that on levels that are really big, the black lines appear closer to the end of the level, leading my to believe it has something to do with the amount of graphics or offsets they have by distance.

For example I have a level that is 4 screen sizes, and I have no issue, but I have a level that is 12 screen sizes, and the black lines appear.

I never thought to adjust the retina display, and wrote it off as I was being too graphic intense.

I couldn't really figure out the problem, but at least I have a solution.

I just manually scaled-up the images (tilesize 64px => tilesize 128px) in Photoshop, using nearest-neighbor (preserve hard edges). I saved that image with @2x suffix and now the graphics are fine in both retina and non-retina devices.