Spritefont distortion with enabled WebGL

Post reply

❤Follow Topic(3)

0 favourites

11 posts

From the Asset Store

Textbox via Spritefont

$10 USD

Forget about default textbox restrictions, you can create sprites atop of the textbox

paradine

- Waltan
- - Joined 5 Jul, 2011
  - 62 topics • 242 posts
- 1
- 27 Nov, 2015
- Quote
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?
- LittleStain
- - Joined 26 Apr, 2011
  - 23 topics • 6,122 posts
- 1
- 27 Nov, 2015
- Quote
Do you have the same issue using linear sampling instead of point sampling..?
- Waltan
- - Joined 5 Jul, 2011
  - 62 topics • 242 posts
- 1
- 27 Nov, 2015
- Quote
Do you have the same issue using linear sampling instead of point sampling..?

WebGL - On

Sampling - Linear
- newt
- - Joined 12 Nov, 2008
  - 396 topics • 10,741 posts
- 1
- 27 Nov, 2015
- Quote
No big surprise. The characters are too close together.
- LittleStain
- - Joined 26 Apr, 2011
  - 23 topics • 6,122 posts
- 1
- 27 Nov, 2015
- Quote
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..
- Waltan
- - Joined 5 Jul, 2011
  - 62 topics • 242 posts
- 1
- 28 Nov, 2015
- Quote
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
- newt
- - Joined 12 Nov, 2008
  - 396 topics • 10,741 posts
- 1
- 28 Nov, 2015
- Quote
No bugs, just interpolation, interpolating.
- Waltan
- - Joined 5 Jul, 2011
  - 62 topics • 242 posts
- 1
- 28 Nov, 2015
- Quote
No bugs, just interpolation, interpolating.

So, how do I fix it then?
- LittleStain
- - Joined 26 Apr, 2011
  - 23 topics • 6,122 posts
- 1
- 28 Nov, 2015
- Quote
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..
- newt
- - Joined 12 Nov, 2008
  - 396 topics • 10,741 posts
- 1
- 28 Nov, 2015
- Quote
Yeah, the best bet would be to split them up, and add a transparent line to both the left and right sides.
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- Waltan
- - Joined 5 Jul, 2011
  - 62 topics • 242 posts
- 1
- 28 Nov, 2015
- Quote
Yeah, the best bet would be to split them up, and add a transparent line to both the left and right sides.

It worked. Thanks alot!