218949 2020-11-14 18:44:02 -0800 WebGL instanced draw calls are very slow on iPhone 12 Pro 2021-09-20 22:05:20 -0700 1 1 1 Unclassified WebKit WebGL Safari 14 iPhone / iPad Other RESOLVED FIXED InRadar P2 Major --- 220896 223434 1 nagi kkinnunen dino frank gary geofflang jdarpinian jhurliman jonahr kbr kkinnunen kpiddington lasse msokalski ppicachu stevebriscoe123 webkit-bug-importer wg-3d-iphone-12-pefor-aaaaddel322apcnrrpy4bofp3i oldest_to_newest 1707557 0 nagi 2020-11-14 18:44:02 -0800 WebGL instanced draw calls are very slow in any browser on iPhone 12 Pro. There is no performance issue in the same browser/OS versions on my old iPhone 8 Plus. Initially I noticed this in deck.gl code, but later realized that this issue is not deck.gl specific as a simple three.js program that uses instanced draw calls has the same issue. How to reproduce: - Instancing example (https://cdn.rawgit.com/pailhead/three.js/instancing-part2/examples/webgl_interactive_cubes.html) in this article: https://medium.com/@pailhead011/instancing-with-three-js-part-2-3be34ae83c57 - Deck.gl examples (GeoJsonLayer(Polygons), GeoJsonLayer(Paths), ...) in this page: https://deck.gl/examples Environment: - Browser: Safari 14, Chrome (for iOS) 86.0.4240.93 and FireFox (for iOS) 29.1 - OS: iOS 14.1 and 14.2 - Device: iPhone 12 Pro 1707569 1 webkit-bug-importer 2020-11-14 21:25:20 -0800 <rdar://problem/71408222> 1707993 2 kbr 2020-11-16 14:20:43 -0800 Hmm, that's interesting. Certainly unrelated, but coincidentally, there was an instancing performance regression in Qualcomm's Adreno driver in Android R: http://crbug.com/1123700 . It was fixed in a subsequent driver release. Kimmo or Dean, can either of you confirm whether this is a regression from the switch to ANGLE? Or is it hardware-specific and unrelated to ANGLE? 1708140 3 kkinnunen 2020-11-16 23:52:16 -0800 Thanks for the report! https://threejs.org/examples/webgl_interactive_cubes.html iPhone Xr iOS 14.2 60fps iPhone 12 iOS 14.2 18fps It appears to be HW-specific regression. 1708292 4 kbr 2020-11-17 10:53:37 -0800 Thanks for confirming Kimmo. Can this performance regression be reported to Apple's OpenGL ES driver team? Raising to Major severity - in recent years most WebGL applications have transitioned to using instanced draw calls to achieve better scaling, and this regression will adversely affect the entire ecosystem. Kimmo, could you perhaps track progress of this report through Apple's internal bug tracker? 1713172 5 nagi 2020-12-09 08:46:04 -0800 Is there any update on this issue? 1724616 6 ppicachu 2021-02-02 04:28:44 -0800 Ping! How it's going with this issue? 1728496 7 nagi 2021-02-12 01:42:36 -0800 I still see this regression on iOS 14.4. 1734250 8 nagi 2021-02-27 19:46:36 -0800 This performance regression is seen on all A14 Bionic devices. 1740751 9 msokalski 2021-03-17 09:57:13 -0700 I can't reproduce it on iPad Air 2020 (A14 Bionic) with iPadOS 14.4.1 Repro case https://threejs.org/examples/webgl_interactive_cubes.html runs easily at 60fps 1741064 10 nagi 2021-03-18 00:50:10 -0700 > I can't reproduce it on iPad Air 2020 (A14 Bionic) with iPadOS 14.4.1 > > Repro case https://threejs.org/examples/webgl_interactive_cubes.html runs easily at 60fps It's the original three.js example which runs with no problem. I see a performance regression in https://cdn.rawgit.com/pailhead/three.js/instancing-part2/examples/webgl_interactive_cubes.html, the instancing version of it. 1741099 11 msokalski 2021-03-18 02:05:37 -0700 Confirmed, https://cdn.rawgit.com/pailhead/three.js/instancing-part2/examples/webgl_interactive_cubes.html runs 18fps on iPad Air 2020, iPadOS 14.4.1 1746006 12 gary 2021-04-01 06:42:29 -0700 We are also seeing significant performance issues in our WebGL application at https://human.biodigital.com on these devices. Has Apple acknowledged this issue? As more people get iPhone 12 we are seeing an increase in the number of complaints from our users. 1749323 13 frank 2021-04-12 12:29:37 -0700 Here are two videos clearly showing the regression in FPS going from the iPhone 11 to the same 3D graphics running on the iPhone 12. iPhone 11 https://human.biodigital.com/tmp/rpreplay_final1617998863.mp4 iPhone 12 https://human.biodigital.com/tmp/rpreplay_final1617998786.mp4 And a link to the same model if you would like to try it: https://human.biodigital.com/viewer/?be=4Ima&ui-info=true&ui-search=true&ui-undo=true&ui-fullscreen=true&ui-nav=true&ui-tools=true&ui-help=true&ui-chapter-list=false&ui-label-list=true&ui-anatomy-descriptions=false&ui-tutorial=false&ui-loader=circle&ui-whiteboard=true&ui-layers=true&ui-anatomy-labels=true&disable-scroll=false&dk=4b331fad5eef5d6a1677a2d5fa1f7c373cbba0be&load-rotate=6 @Kimmo do you know if Apple is looking into this? thanks! 1749633 14 kkinnunen 2021-04-13 03:27:39 -0700 The enablement of ANGLE Metal backend on iPhone seems to fix the immediate performance issue here. 1749782 15 kbr 2021-04-13 12:12:13 -0700 To the reporters: we're collaborating as quickly as possible to shake out the bugs from ANGLE's Metal backend that Apple's made tremendous improvements to. That sounds like it will be the fastest resolution to this device-specific performance issue. 1750571 16 lasse 2021-04-15 04:22:26 -0700 This https://cdn.rawgit.com/pailhead/three.js/instancing-part2/examples/webgl_interactive_cubes.html should probably not be used for any testing, it seems to be running ThreeJS revision "97dev" from 2018: https://github.com/mrdoob/three.js/releases?after=r98 Also: Assuming that the issue is on all devices with A14 Bionic chips. 1. Since Kimmo was able to reproduce the issue on 2020-11-16 in https://threejs.org/examples/webgl_interactive_cubes.html using an iPhone 12 and now the issue can not be reproduced on that page with a iPad Air 4th gen 2020, it would mean that issue would have been fixed in Three.js? 2. Since for example all of these work at FPS 60 on an iPad Air 4th gen 2020, Three.js has fixed / worked around the issue somehow? - https://threejs.org/examples/webgl_interactive_cubes.html - https://threejs.org/examples/#webgl_instancing_dynamic - https://threejs.org/examples/#webgl_instancing_performance - https://threejs.org/examples/#webgl_instancing_raycast - https://threejs.org/examples/#webgl_instancing_scatter 1750596 17 nagi 2021-04-15 06:35:41 -0700 I replaced three.js in https://cdn.rawgit.com/pailhead/three.js/instancing-part2/examples/webgl_interactive_cubes.html with the latest version (r127), but FPS is still around 18. See the codepen: https://codepen.io/nagixx/full/RwKJRQy 1761896 18 stevebriscoe123 2021-05-20 04:15:32 -0700 Is there any movement on this issue? I'm facing this same issue and we have customers complaining due to the performance being really bad. All other iOS devices seem unaffected but the iPhone 12 seems particularly bad. This seems to be the same issue here: https://github.com/visgl/deck.gl/issues/5101 Appreciate the help! Steve 1761898 19 stevebriscoe123 2021-05-20 04:21:31 -0700 (In reply to Steven Briscoe from comment #18) > Is there any movement on this issue? I'm facing this same issue and we have > customers complaining due to the performance being really bad. All other iOS > devices seem unaffected but the iPhone 12 seems particularly bad. > > This seems to be the same issue here: > https://github.com/visgl/deck.gl/issues/5101 > > Appreciate the help! > Steve Quick edit: I've also been told that iOS 14.6 does not address this issue. 1768750 20 frank 2021-06-10 14:53:18 -0700 Following up on Steve's comment above, as more people have the iPhone 12 we are now receiving a ton of complaints. Is it possible to provide some insight into the status of this fix? Much appreciated! 1795408 21 nagi 2021-09-20 22:05:20 -0700 Today I updated my iPhone 12 Pro to iOS 15, and I confirmed that this instancing performance issue was fixed! At least, my application and deck.gl examples all work smoothly, so I set this bug to RESOLVED.