Excessive thickness (wide stroke) on shape outlines

[hughmcmaster]

Describe the bug

Outlines of basic shapes and embedded images are rendered with excessive thickness. In this Ruffle screenshot, this bug can be seen with the squares, flowers, caterpillar etc.

Expected behavior

Outlines should be sized naturally. In most cases, this is a (very) thin stroke, as shown in this Flash Player screenshot.

Affected platform

Online demo

Operating system

Windows 10

Browser

Mozilla Firefox 102

Additional information

Virtual Ecosphere (second Flash embed on the page)

[n0samu]

I believe this is the same issue as #751 and #2023, with a fix for the Canvas backend being worked on in #7042

[hughmcmaster]

Sadly, @Herschel's (merged) fix in #7042 had no effect in this case, but it is definitely a big step in the right direction.

[n0samu]

Actually the problem is fixed now in the Canvas renderer only. To see the result, you would need to build Ruffle with only the Canvas renderer enabled, or manually disable WebGL in your browser by starting Chrome with the --disable-webgl option, or setting webgl.disabled to true in Firefox's about:config.

[n0samu]

We have added a preferredRenderer config option which would allow you to use Ruffle's canvas renderer on your site without recompiling Ruffle. See our wiki for more information.