Spritefont distortion with enabled WebGL

Get help using Construct 2

Post » Fri Nov 27, 2015 7:36 pm

Hello. I have just noticed, that enabling WebGL causes some graphical distortion with my spritefont
Here is the screenshots:

spritefont properties

WebGL set to OFF
WebGL set to ON

How do I fix it?
B
39
S
16
G
6
Posts: 238
Reputation: 7,875

Post » Fri Nov 27, 2015 7:48 pm

Do you have the same issue using linear sampling instead of point sampling..?
I told my dentist I had trouble with my teeth and asked her to fix it without looking in my mouth..
B
54
S
16
G
8
Posts: 6,160
Reputation: 19,775

Post » Fri Nov 27, 2015 10:30 pm

LittleStain wrote:Do you have the same issue using linear sampling instead of point sampling..?


Image
WebGL - On
Sampling - Linear
B
39
S
16
G
6
Posts: 238
Reputation: 7,875

Post » Fri Nov 27, 2015 10:39 pm

No big surprise. The characters are too close together.
Image ImageImage
B
165
S
49
G
148
Posts: 8,048
Reputation: 97,088

Post » Fri Nov 27, 2015 10:41 pm

Would there be an issue adding an extra empty line at the left of each "letter"?

It seems to have to do with blending into the next one..
I,ve seen it happen with both tilemaps and tiledbackgrounds..
This is the first time I've seen it with spritefonts..
I told my dentist I had trouble with my teeth and asked her to fix it without looking in my mouth..
B
54
S
16
G
8
Posts: 6,160
Reputation: 19,775

Post » Sat Nov 28, 2015 1:20 am

newt wrote:No big surprise. The characters are too close together.


They are close enough together to be clearly detected by system.
Every character is 18x18, the whole source sprite is 180x18, there shouldnt be any bugs with slicing in any case
B
39
S
16
G
6
Posts: 238
Reputation: 7,875

Post » Sat Nov 28, 2015 1:53 am

No bugs, just interpolation, interpolating.
Image ImageImage
B
165
S
49
G
148
Posts: 8,048
Reputation: 97,088

Post » Sat Nov 28, 2015 1:16 pm

newt wrote:No bugs, just interpolation, interpolating.


So, how do I fix it then?
B
39
S
16
G
6
Posts: 238
Reputation: 7,875

Post » Sat Nov 28, 2015 1:44 pm

LittleStain wrote:Would there be an issue adding an extra empty line at the left of each "letter"?


Maybe one at the right too, just to be sure..

You have character spacing set to 3, so setting that to 1 would visually be the same..
I told my dentist I had trouble with my teeth and asked her to fix it without looking in my mouth..
B
54
S
16
G
8
Posts: 6,160
Reputation: 19,775

Post » Sat Nov 28, 2015 2:14 pm

Yeah, the best bet would be to split them up, and add a transparent line to both the left and right sides.
Image ImageImage
B
165
S
49
G
148
Posts: 8,048
Reputation: 97,088

Next

Return to How do I....?

Who is online

Users browsing this forum: ilyaTyl and 10 guests