aframe - 光标停留在 iPhone iOS safari、iOS google chrome、iOS Mozilla 上的加载位置

问题描述

我最近开始使用 A-frame 来开发 VR 体验。我的第一个项目是一个简单的城市虚拟之旅。除了一种情况外，框架似乎在桌面浏览器和 iOS 上运行良好。当我在 iOS 上进入 VR 模式时，光标卡在加载位置。

我的项目的一些细节是我将我的 a-entity 对象存储在 JSON 中并通过 elements.js 呈现它们

你可以在https://thearchmedia.com/3d-tours/tampere-tour/vr/看到我的项目

我知道在 aframe.io 上据说对 iOS 的支持很奇怪，但我很好奇是否有解决这个问题的方法。我刚刚开始尝试使用 a-frame，所以如果您发现代码有任何问题，请随时告诉我。

这是我的代码！任何帮助，将不胜感激。

<html>
    <head>
        <script src="https://aframe.io/releases/1.0.3/aframe.min.js"></script>
        <script src="https://unpkg.com/aframe-template-component@3.x.x/dist/aframe-template-component.min.js"></script>
        <script src="https://unpkg.com/aframe-layout-component@4.x.x/dist/aframe-layout-component.min.js"></script>
        <script src="https://unpkg.com/aframe-event-set-component@5.x.x/dist/aframe-event-set-component.min.js"></script>
    </head>
    <body>
        <a-scene stats>
            <a-assets>

                <img crossorigin="anonymous" id="node1" src="https://static.thearchmedia.com/media/documents/a-frame_images/node1.jpg">
            </a-assets>
            <a-camera>
              <a-cursor></a-cursor>
            </a-camera>

        <a-sky id="image-360" src="#node1" color="#fff" animation__fade="property: components.material.material.color; type: color; from: #FFF; to: #000; dur: 300; startEvents: fade" animation__fadeback="property: components.material.material.color; type: color; from: #000; to: #FFF; dur: 300; startEvents: animationcomplete__fade"></a-sky>
        <!-- Link template we will build. --> 
        <!-- Camera + Cursor. -->
        </a-scene>
    </body>
</html>

标签： aframe

aframe - 光标停留在 iPhone iOS safari、iOS google chrome、iOS Mozilla 上的加载位置

问题描述

解决方案

推荐阅读