Hello everyone
I’ve noticed a really annoying problem regarding orbit controls that happens only on safari.
If you run this example on chrome it runs smoothly, but on safari moving the camera slowly results in the background image stuttering a lot.
I’ve also noticed that this example does work correctly just because it doesn’t use orbit controls.
Anyone have an idea how to fix this problem?
Thanks in advance
I’ve tested the example with Safari 14 on macOS. It works as expected.
Please add your device and browser version to this topic. If possible, record a video that shows how the issue looks on your end.
I’m using safari 14.1.2 with Big Sur 11.5 on a MacBook Pro (13-inch, M1, 2020)
here is what i see
i’ve just tried it on an 8th gen iPad running iOS 14.6, the issue is present both on safari and chrome
this comes from a 6th gen iPad running 14.2
Chrome also uses WebKit on iOS.
I did not yet have the chance to test on an iOS device so I can’t reproduce so far.
hello @Mugen87 , did you have the opportunity to test it?
I’ve lately tested with an iPad (8. generation) with iOS 14.7 several examples and could not detect a performance issue. There is also an issue filed at GitHub about performance problems with certain iOS devices. Maybe it’s related:
opened 10:04AM - 03 Aug 21 UTC
Device Issue
**Describe the bug**
Some of the light + shadows on iOS Safari cause stutters… while showing 50+ fps in the fps graph. Also the lightmap is not working on iOS Safari and MacOS Safari: https://threejs.org/examples/?q=light#webgl_materials_lightmap
**To Reproduce**
Steps to reproduce the behavior:
1. Go to: https://threejs.org/examples/?q=light#webgl_lights_physical on your iPad using Safari.
2. Move around and watch at it begins to stutter while maintaining 50+ fps according to the fps graph.
3. Turn of shadows to make the stutters go away.
Steps to reproduce the behavior 2:
1. Go to: https://threejs.org/examples/?q=light#webgl_lights_hemisphere on you iPad using Safari.
2. With the both the lights turned on the demo starts stuttering aswell as the examples bar on the left. This is stuttering while maintaining 60fps according to the fps graph.
3. Try this again with the directional light turned off and it runs at it should.
***Live example***
https://www.youtube.com/watch?v=vNbH2IKNVH4&ab_channel=Lars
**Expected behavior**
The expected behavior is that it runs smoothly without stutters when it shows a constant 60fps in the fps graph while using lighting + shadows.
**Platform:**
- Device: iPad 2020 7th generation
- OS: iOS 14.7.1
- Browser: Safari