Bug 179284 - Animated PixiJS sprites are rendered leaving fragments
Summary: Animated PixiJS sprites are rendered leaving fragments
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: WebGL (show other bugs)
Version: Safari 11
Hardware: Mac macOS 10.13
: P2 Major
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2017-11-04 02:45 PDT by Tobi Reif
Modified: 2018-01-08 09:45 PST (History)
5 users (show)

See Also:


Attachments
Screenshot of https://tobireif.com/demos/swirls/ in Safari. (3.20 MB, image/png)
2017-11-04 02:45 PDT, Tobi Reif
no flags Details
Screenshot of http://www.goodboydigital.com/pixijs/bunnymark_v3/ in Safari. (988.28 KB, image/png)
2017-11-04 03:19 PDT, Tobi Reif
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Tobi Reif 2017-11-04 02:45:58 PDT
Created attachment 326025 [details]
Screenshot of https://tobireif.com/demos/swirls/ in Safari.

When I open https://tobireif.com/demos/swirls/ in Safari 11.0.1 (13604.3.5) on a MacBook (graphics: Intel Iris Pro 1536 MB) running Mac OS X 10.13.1 (17B48), I don't get the desired result as rendered by Firefox and Chrome. Instead Safari renders the animated sprites leaving fragments, please see the screenshot.
Comment 1 Tobi Reif 2017-11-04 03:18:19 PDT
Also open http://www.goodboydigital.com/pixijs/bunnymark_v3/ in Safari and see the screenshot "screenshot_bunnymark.png".

And Safari shows the issue for more PixiJS demos
http://pixijs.github.io/examples/
eg
http://pixijs.github.io/examples/#/basics/spritesheet.js .
Comment 2 Tobi Reif 2017-11-04 03:19:20 PDT
Created attachment 326026 [details]
Screenshot of http://www.goodboydigital.com/pixijs/bunnymark_v3/ in Safari.
Comment 3 Alexey Proskuryakov 2017-11-06 17:23:43 PST
Looks bad!

I cannot reproduce this on my old MacBook Pro (13-inch, Late 2012); Safari 11.0.1 on macOS Sierra.
Comment 4 Radar WebKit Bug Importer 2017-11-06 17:25:37 PST
<rdar://problem/35378135>
Comment 5 Tobi Reif 2017-11-07 01:57:25 PST
It's a MacBook Pro ("Retina, 15-inch, Mid 2015") with Intel Iris Pro 1536 MB.
Comment 6 Tobi Reif 2017-11-07 04:11:10 PST
The demos work as intended in Chrome and Firefox, on the same machine.
Comment 7 Jon Lee 2017-11-07 12:43:31 PST
Do you see the issue on 10.13.2 betas, or in STP 43?

From what I can tell in the code it looks like antialiasing is off. Can you try turning it on and seeing if it fixes it? If it does, 179368 is a dupe of this one.
Comment 8 Tobi Reif 2017-11-08 00:46:24 PST
Works in the latest Safari Tech Preview.

Thanks!

Please close.

I hope it won't be more than a few days/weeks before the next browser update (containing this fix) will be pushed to users.
Comment 9 Tobi Reif 2018-01-06 00:30:20 PST
Works in stable/normal Safari now - thanks!