Dreaded tile gap issue when in full screen mode.

Get help using Construct 2

Post » Tue Apr 24, 2012 9:44 am

Hi

I'm working on a game using pixel art and backgrounds made of 32x32 tiles. I've got it set to use pixel rounding and point filtering. It's all great when not in full screen mode.

In full screen mode, the browsers seem to use float and perhaps linear filtering despite my settings and the dreaded gaps between the tiles appear.

Asside from designing all my tiles to overlap a pixel or two at the edges, is there any way to fix this?
B
45
S
8
G
4
Posts: 414
Reputation: 6,805

Post » Tue Apr 24, 2012 10:07 am

There's two ways to do full screen now. Have you tried with the browser plug yet?
Also, you might try up-scaling the images, and scaling them down in C2.
Image Image
B
161
S
48
G
89
Posts: 7,347
Reputation: 66,249

Post » Tue Apr 24, 2012 10:18 am

Hi Newt,
Can you tell me where to find the browser plug-in, I used forum search AND looked through EVERY post in the plug-in thread and didn't see it. :(
B
45
S
8
G
4
Posts: 414
Reputation: 6,805

Post » Tue Apr 24, 2012 10:20 am

Its an official plug, so you should already have it. Looks like a globe, down at the bottom of the list.
Image Image
B
161
S
48
G
89
Posts: 7,347
Reputation: 66,249

Post » Tue Apr 24, 2012 10:25 am

LOL. that explains it! Thanks.
B
45
S
8
G
4
Posts: 414
Reputation: 6,805

Post » Tue Apr 24, 2012 11:11 am

well, triggering when the app goes full screen doesn't help the tile issue. I think the only solution is making the tile art overlap by a pixel. which isnt too hard to do.
B
45
S
8
G
4
Posts: 414
Reputation: 6,805

Post » Tue Apr 24, 2012 4:53 pm

make sure your origin of the sprite is exactly where it should be. I had this issue when Id stretch a sprite theyd have gaps between them. It was all cause of the origin point
B
13
S
5
G
2
Posts: 306
Reputation: 3,262

Post » Tue Apr 24, 2012 6:06 pm

Try enabling 'Pixel rounding' in project properties. It was designed to help solve this issue. It will stop any rendering happening between pixels, which is when seams can appear.
Scirra Founder
B
359
S
214
G
72
Posts: 22,946
Reputation: 178,478

Post » Tue Apr 24, 2012 9:35 pm

@Ashley. I had already enabled pixel rounding (as I mentioned in the first post.)

It fixes it ONLY when NOT in full screen mode. Once you go to full screen (with scaling) mode, the tiles get the gap again.

The solution I went with is creating all my tiles as 33x33 yet using 32x32 snap to grid. This eliminates any chance for the gap no matter what. This allowed me to also turn lineral filtering on and turn off pixel rounding.
B
45
S
8
G
4
Posts: 414
Reputation: 6,805

Post » Sun Nov 10, 2013 10:02 pm

Hmm, none of these solutions seem to be working for me.
I'm trying to do the same thing but on node-webkit
B
29
S
7
G
3
Posts: 361
Reputation: 6,187

Next

Return to How do I....?

Who is online

Users browsing this forum: No registered users and 5 guests