Gdevelop: Overflowing text outline

[PascalLadalle]

Describe the bug

It seems that the text outline feature has a minor bug with some letters.
Here, I'm using the default font (black) and a 5 px white outline.

GD5b75

[Bouh]

This is an pixiJS problem, but it's not fix in last v5.1.0
https://jsfiddle.net/3nrk51js/
This issue need to be report on pixi repo

[Bouh]

A anwser from pixiJS issue

@Bouh That's related to your settings. Miter limit has to be a greater than zero value, zero itself is ignored by the canvas API. Change that (3 seems to look good), or use a different lineJoin type.

Miter limit is a parameters for outline in PixiJS

[Wend1go]

I'll look into this at the weekend.

[4ian]

Thanks keep me updated with your findings :)
EDIT: And thanks @Bouh for making a test and asking on Pixi.js github. I guess miterLimit can be increased safely, but would great to test on a few different texts/effects - or changing the join type.

[Wend1go]

I'll test different miter values on different sized text objects. I'd really like to use a hard coded value for this so we don't need to clutter the actions list with stuff that people don't understand at first sight (like the padding action).

[4ian]

Yes we almost certainly want to use a value that works for all/very large majority of texts

[Wend1go]

So it looks like the miterLimit is adding some kind of bevel to the letters:

A value of "3" like suggested in the pixijs issue indeed seems to work well.
I'll do some more testing with different font files and create a PR.

EDIT:
Looks like I can't get rid of it entirely by setting a hard coded value. Depending on the used font the spikes sometimes appear. Even though less often. (see the top of the "W" and the left side of the "M")

[Wend1go]

The issue should be solved with #1180 (or at least be greatly reduced)

[PascalLadalle]

Looks good to me

Thanks