How do I stop getting seams in tile or 9patch?

Get help using Construct 2

Post » Thu Nov 07, 2013 6:44 pm

It seems to be browser based - any ideas?

Link to fullsize image
I have the project scaled up by x2 - that seems to be the cause of this...Sean Noonan2013-11-07 18:45:55
B
45
S
9
G
2
Posts: 143
Reputation: 4,201

Post » Thu Nov 07, 2013 11:01 pm

One thing to look at is the origin point and if you are using a combination of tiled background in conjunction with regular sprite based tiles... in this case if you are trimming your tiles you are getting a 1px transparent border around your tiles. But this does not happen on tiled backgrounds. This means that for example if you use the upper left corner as the image point, then when you put tiled backgrounds next to regular sprite tiles you need to move the tiled background right 1px and then down 1px to get it to line up and take into account the transparent pixels in the regular sprites.

You may also want to look at pixel rounding and if there is a difference in browsers that do not support webGL vs. ones that do... just some thoughts on how to narrow it down. Hope it helps a bit...
B
49
S
12
G
10
Posts: 1,833
Reputation: 14,603

Post » Thu Nov 07, 2013 11:38 pm

I made a tiled thing as a test in my first weeks and found seams appearing when I had the projecct propperties "sampling" on point.

Point is suposed to be faster but found that Linear gave better quality.
Who dares wins
B
57
S
17
G
21
Posts: 1,878
Reputation: 19,592

Post » Thu Nov 07, 2013 11:56 pm

Set Pixel Rounding to 'Yes', sampling to 'Point', and fullscreen mode to 'letterbox integer scale'.
Scirra Founder
B
403
S
238
G
89
Posts: 24,653
Reputation: 196,143

Post » Fri Nov 08, 2013 4:00 am

[QUOTE=Ashley] Set Pixel Rounding to 'Yes', sampling to 'Point', and fullscreen mode to 'letterbox integer scale'.[/QUOTE]
These are the settings I am using. I tried letterbox integer fullscreen and still had the same problems.


Please bear in mind, this is only happening when the project is scaling in any way - if I leave Fullscreen in browser to 'Off' then there are no problems at all. Every browser has the same visual quality (the performance varies however).

It seems only Chrome is able to scale correctly :(Sean Noonan2013-11-08 07:55:00
B
45
S
9
G
2
Posts: 143
Reputation: 4,201

Post » Fri Nov 08, 2013 6:20 pm

Another thing I have noticed is that tile objects and 9patch also become slightly blurred if WebGL is enabled...
B
45
S
9
G
2
Posts: 143
Reputation: 4,201

Post » Sat Nov 09, 2013 3:40 am

When you say "I have the project scaled up by x2", what do you mean exactly? Do you mean that you make the projet smaller, then have the browser scale it bigger? Like the game is 100x100, but you make it appears 200x200 in the browser?
B
20
S
5
Posts: 80
Reputation: 1,408

Post » Sat Nov 09, 2013 4:24 am

I scale it either using the letterbox integer fullscreen method or use the scale action.

Basically any method of scaling seems to cause problems.
B
45
S
9
G
2
Posts: 143
Reputation: 4,201

Post » Sat Nov 09, 2013 2:07 pm

You should post a .capx so we can see ourselves. It ought to work just fine with the settings you have shown.
Scirra Founder
B
403
S
238
G
89
Posts: 24,653
Reputation: 196,143

Post » Sun Dec 08, 2013 7:05 pm

Sorry that I never got around to putting up a capx, however this issues has now been resolved thanks to "Low-resolution fullscreen scaling" in the latest version. If I set Fullscreen Scaling to low quality, tiled backgrounds and 9 patch are fixed.

The only remaining issue it seems is that pixels on 9 patch become slightly blurred if WebGL is enabled...
B
45
S
9
G
2
Posts: 143
Reputation: 4,201

Next

Return to How do I....?

Who is online

Users browsing this forum: No registered users and 7 guests