CODEWITHSUNDEEP
iosswiftxcodesprite-kitsktilemapnode
Discoveringmypath
Discoveringmypath

Reputation: 1077

SpriteKit sktilemapnode vertical line glitch

I am making a 2d platformer and I decided to use multiple tilemapnodes as my backgrounds. Even with 1 tile map, I get these vertical or horizontal lines that appear and disappear when I'm moving the player around the screen. See image below:

enter image description here

My tiles are 256x256 and I'm storing them in a tileset sks file. Not exactly sure why I'm getting this or how to get rid of this and it is quite annoying. Wondering if others experience this as well.

Considering to not use the tile maps, but I would prefer to use them if I can.

Thanks for any help with this!!!

Upvotes: 3

Views: 398

Answers (2)

hotdogsoup.nl
hotdogsoup.nl

Reputation: 2329

Sort of like the "extruding" suggested by @cheaze, I simply make the tile size in the drawing code a tiny amount larger than the required tile size. This means the assets themselves do not have to be changed.

Eg. if you assets are sized 256 x 256 and all of your calculations are based on that; draw the textures as 256.02 x 256.02 pixels in size:

[SKSpriteNode spriteNodeWithTexture:texture size:CGSizeMake(256.02, 256.02)];

Only adding .02 pixel per side will overlap your tiles automatically and remove the line glitches, depending on your camera speed and frame rate.

If the problem is really bad, you can even go so far as to add half a pixel (+0.5) or an entire pixel to remove the glitches, yet the user will not be able to see the difference. (Since a one pixel difference on a retina screen is hard to distinguish).

Upvotes: 0

cheaze
cheaze

Reputation: 187

I had the same issue and was able to solve it by "extruding" the tiled image a couple pixels. This provides a little cushion of pixels to use when the floating point issue occurs instead of displaying nothing (hence the gap). This video sums it up pretty well.

Unity: extruding tile map images

If you're using TexturePacker to generate your sprite atlas' there is an option to add this automatically without having to do it to your tile images yourself.

Hope that helps!

Upvotes: 1

Related Questions