TiledBackground border

Discussion and feedback on Construct 2

Post » Fri Sep 14, 2012 2:17 pm

Hi, usually i don't make use of TiedBackground for level design, so is normal that the border of TB appear during runtime?
Tks


cesisco2012-09-14 14:18:25
B
33
S
11
G
9
Posts: 381
Reputation: 10,153

Post » Fri Sep 14, 2012 2:52 pm

I have this issue too, so if anyone can give an explanation on this it'd be much appreciated!
B
62
S
25
G
12
Posts: 122
Reputation: 11,230

Post » Fri Sep 14, 2012 3:57 pm

Ashley@
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.

Post
B
19
S
6
G
7
Posts: 1,204
Reputation: 7,296

Post » Fri Sep 14, 2012 4:58 pm

That looks like a glitch, can you share a .capx demonstrating the issue?
Scirra Founder
B
359
S
214
G
72
Posts: 22,946
Reputation: 178,468

Post » Fri Sep 14, 2012 6:08 pm

@Ashley:
I can't speak for cesisco, but in my case Pixel Rounding doesn't make any difference.
I suspect it's an issue with the graphics card, or something similar, as opposed to something related to a specific capx. My Monkey on a Unicycle game in the arcade, for example, shows seams on my computer clearly, regardless of whether I'm using Chrome, Firefox, or IE:

Not only that, but it blurs things significantly.
Trying this on another computer gives different results, with a sharper image and no seams.PixelMonkey2012-09-14 18:08:43
B
62
S
25
G
12
Posts: 122
Reputation: 11,230

Post » Sat Sep 15, 2012 8:33 pm

[QUOTE=Ashley] That looks like a glitch, can you share a .capx demonstrating the issue?[/QUOTE]

@Ashley, for me this only happens when Sampling setting is "Linear" and zooming events(or scrollTo behaviour).With sampling setting to "point" the tiled Backgrounds works fine.

Here's a capx with an example(this is an example Sqidster posted for zoom in and zoom out last week...and i stole)

tiled_testcesisco2012-09-15 20:34:39
B
33
S
11
G
9
Posts: 381
Reputation: 10,153

Post » Sat Sep 15, 2012 10:31 pm

This is actually by design.

The Tiled Background object supports seamless tiling even at sub-pixel positioning, so you never see "seams" even when scrolling smoothly. However, this means images like your example still "wrap" around to the bottom at the very top of the image. So it's actually displaying the bottom row of pixels of the texture image for about half a pixel along the top of the image (and the same thing happens at the bottom, but you probably don't notice it).

I can't think of any way this can automatically be fixed - it's just how tiled rendering works on a GPU. The best workaround is to add a row of transparent pixels at the bottom of the image.
Scirra Founder
B
359
S
214
G
72
Posts: 22,946
Reputation: 178,468

Post » Sun Sep 16, 2012 6:59 am

So the tiled background is essentially scrolled half a pixel down then? That's a pain...
Thanks for the answer.
B
62
S
25
G
12
Posts: 122
Reputation: 11,230

Post » Sun Sep 16, 2012 8:41 am

I use tiled background a lot, only fix I could find was to invert the images X position and adjusting manually, it's not perfect but it works for most background cases.
B
48
S
15
G
5
Posts: 183
Reputation: 8,476

Post » Sun Sep 16, 2012 8:48 am

I had the same issue. I resolved it by ensuring my tiled background was power of 2 and also but adding a transparent section at the top and bottom.
B
22
S
7
G
3
Posts: 189
Reputation: 4,270

Next

Return to Construct 2 General

Who is online

Users browsing this forum: mystazsea and 14 guests