Bug 179284

Summary: Animated PixiJS sprites are rendered leaving fragments
Product: WebKit Reporter: Tobi Reif <tobi>
Component: WebGLAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Major CC: dino, jonlee, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 11   
Hardware: Mac   
OS: macOS 10.13   
Attachments:
Description Flags
Screenshot of https://tobireif.com/demos/swirls/ in Safari.
none
Screenshot of http://www.goodboydigital.com/pixijs/bunnymark_v3/ in Safari. none

Tobi Reif
Reported 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.
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
View All Add attachment proposed patch, testcase, etc.
Tobi Reif
Comment 1 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 .
Tobi Reif
Comment 2 2017-11-04 03:19:20 PDT
Created attachment 326026 [details] Screenshot of http://www.goodboydigital.com/pixijs/bunnymark_v3/ in Safari.
Alexey Proskuryakov
Comment 3 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.
Radar WebKit Bug Importer
Comment 4 2017-11-06 17:25:37 PST
<rdar://problem/35378135>
Tobi Reif
Comment 5 2017-11-07 01:57:25 PST
It's a MacBook Pro ("Retina, 15-inch, Mid 2015") with Intel Iris Pro 1536 MB.
Tobi Reif
Comment 6 2017-11-07 04:11:10 PST
The demos work as intended in Chrome and Firefox, on the same machine.
Jon Lee
Comment 7 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.
Tobi Reif
Comment 8 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.
Tobi Reif
Comment 9 2018-01-06 00:30:20 PST
Works in stable/normal Safari now - thanks!
Note You need to log in before you can comment on or make changes to this bug.