Forums » Help » Strange lines between tiles on iOS device

Hi,
I am new to Impact and was doing some very basic tests, from the Introduction to HTML5 book and I notices that when I run the game inside Ejecta, I get really strange black lines between my tiles, any idea what might be the reason?

At first I was getting the lines, inside the Simulator, but then I turn preRendering on and they disappeared, now they appear only when I try to run the game on my iPhone 4S.

Here is a screenshot:

var height = 160; var scale = window.innerHeight / height; var width = window.innerWidth / scale; canvas.style.width = window.innerWidth; canvas.style.height = window.innerHeight; ig.main( '#canvas', MyGame, 60, width, height, 1 );
Thanks for the help

This happens when the tileset texture is blurred. Pixels from neighboring tiles bleed into each other.

The easy fix - since this is a pixel art game - is to disable texture blurring. Before calling ig.main(...) do this:

ig.System.scaleMode = ig.System.SCALE.CRISP;

Or, the "manual way" for other App/Games running in Ejecta:

ctx.imageSmoothingEnabled = false;

Great, thanks Dominic!

Hmm, for some reason this does not work, I still get the lines :(

For some reason, part of Ejecta does not respect the imageSmoothingEnabled option, I figured this out by debuging the Ejecta iOS code. If I change, EJCanvas/2D/EJCanvasContext2D.m -> setTexture:, to use only GL_NEAREST, it works ok.

- (void)setTexture:(EJTexture *)newTexture {

	
	if( currentTexture == newTexture ) { return; }
	
	NSLog(@"Set Texture: %d", [self imageSmoothingEnabled]);
	
	[self flushBuffers];
	
	currentTexture = newTexture;
	[currentTexture bindWithFilter:GL_NEAREST];
}

Ok, I figured something else out, the problem is that I preRender my backgroundMaps, I guess this is where the imageSmoothingEnabled get ignored.