Под IOS решение больше не реагирует на движения.
Мое решение сработало и больше не работает.
Также пример "hello world" с исходным кодом Glitsch (см. ниже) больше не работает, но если вы вызываете пример со стартовой страницы a-frame (https://aframe.io/examples/showcase/helloworld/), он работает.
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>Hello, WebVR!Test VR</title>
<meta name = "description" content = "Test VR">
<script src = "https://aframe.io/aframe/dist/aframe-master.min.js" ></script>
</head>
<body>
<a-scene background = "color: yellow">
<a-box position = "-1 0.5 -3" rotation = "0 45 0" color = "#4CC3D9" shadow></a-box>
<a-sphere position = "0 1.25 -5" radius = "1.25" color = "#EF2D5E" shadow></a-sphere>
<a-cylinder position = "1 0.75 -3" radius = "0.5" height = "1.5" color = "#FFC65D" shadow></a-cylinder>
<a-plane position = "0 0 -4" rotation = "-90 0 0" width = "4" height = "4" color = "#7BC8A4" shadow></a-plane>
</a-scene>
</body>
</html>
Какая разница? Что мне нужно сделать, чтобы мое решение снова заработало под IOS?
К сожалению, Chrome (m74+) и Safari (iOS 12.2+) теперь поставляются с отключенным по умолчанию доступом к датчикам. Пользователь должен включить вручную в настройках:
chrome://flags/#enable-generic-sensor
в Хроме
Settings -> Safari -> Motion & Orientation Access
в Safari iOS
Контент также должен передаваться через https.
Подробнее о: https://github.com/aframevr/aframe/issues/3976