Graphics with wrong edges when using roundness

[fagn88]

Hello!

I found some wrong behaviors when trying to draw graphics with roundness (drawRoundedRect), like this:

This only occurs on some screens (maybe something related with screen resolution?) and for some values of roundness.
This, for example, only occurs on a Samsung S21+. I tested on several desktops, iphones and other androids and all worked well.
But if I decrease roundness value to a certain limit, it draws ok.

This already happened to me before and I had found this "limit" to properly work on every device, but now with S21+ the limit need to be lower..

Any clue why?

[ivan.popelyshev]

That's interesting, need reproduction.

 Our Graphics geometry is not that stable  I have a clue that its some math error in 4000 lines of "@pixi/graphics" , bwahahahahaha! Its not possible to find without reproduction.

[fagn88]

Yes, for sure!

Here: https://www.pixiplayground.com/#/edit/j6sEwSqCUSs7sRwbFXwbA

With this example on S21+ it looks like this:

 

Also, in some other devices, this example looks like this:

[ivan.popelyshev]

Interesting, I'm gonna post it in pixijs slack and see if there are more devices with the problem

[bigtimebuddy]

I think this is a bug with Rounded Rect. Probably it has to do with the corner radius being greater than or equal to the smallest height. Will file an issue.

https://jsfiddle.net/bigtimebuddy/kphz6o8e/