search

aframevr / aframe

:a: Web framework for building virtual reality experiences.
https://aframe.io/
MIT License
16.65k stars 3.96k forks source link

VR mode not working in iOS 14 with A-Frame 1.1.0 #4752

Open primaryobjects opened 3 years ago

primaryobjects commented 3 years ago

Description: When using A-Frame Version 1.1.0 and switching into VR mode (Google Cardboard) on iPhone iOS 14.2, images permanently disappear as you look far left or right. This includes .obj and .gltf models, as well as a-sky and a-plane elements.

A workaround is to use A-Frame 1.0.4, which functions correctly on iOS 14.2.

Example scene. Source code.

  1. Open url in Safari on an iPhone iOS 14.2.
  2. Turn iPhone sideways into landscape mode.
  3. Tap "VR" button to switch into VR mode.
  4. View scene with trees, and turn the iPhone far left and then right again. Notice trees and ground disappear.

Solution: Replace A-Frame 1.1.0 with 1.0.4.

<!--<script src="https://aframe.io/releases/1.1.0/aframe.min.js"`></script>-->
<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
patrick-roberts commented 3 years ago

Had a similar issue with version 1.2.0 in VR mode on the latest iOS Safari. Some objects permanently disappear when their left edge hits the left edge of the view. Switching to 1.0.4 fixed it.

peka7777777 commented 2 years ago

Same issue noticed in v1.2.0 in iOS, switching back to 1.0.4 does indeed fix it but it would be better to have it working in the latest versions as well!

pwais commented 2 years ago

+1 switching to 1.0.4 fixes for me

nick-ye commented 1 year ago

How can this issue be resolved in versions 1.0.4 and above?

I have tried 1.1~1.42 and still have this issue on IOS 16,

Can IOS only use version 1.0.4?