javascript - 手机上的摄像头控制不适用于 babylonjs vr

Question

我无法使用 babylon defaultVRExperience 使相机控制在手机上工作

我不明白缺少了什么。我已经尝试了所有我能想到的方法，但找不到任何在 babylonjs Playground 之外有效的示例。

仅需几行代码即可在巴比伦 Playground 完美运行的示例:https://www.babylonjs-playground.com/#VIGXA3#38

相同代码在巴比伦之外不起作用的示例:http://jsfiddle.net/dr3k5oqb/

这是一个示例，其中包含我在一篇关于使用 babylon 为手机制作虚拟现实内容的文章中找到的一些内容。也无法正常工作:https://jsfiddle.net/2cdLw0tk/2/

手机 one+ 5 和 oxygenOS 9.0.9

浏览器: Chrome 版本 79.0.3945.93

如果有任何帮助，我们将不胜感激......

Answer 1

我假设您使用的是 iphone safari。

The story is that Apple is preparing to introduce a new security/privacy setting to prevent sites from being able to access a device’s accelerometer and gyroscope, which means some of those VR/AR items you come across online probably won’t work quite as well until you give express permission to do so. full article

为了使用虚拟现实，我们应该要求用户使用以下代码允许访问运动和方向:

function onClick() 
{
    if (typeof DeviceMotionEvent.requestPermission === 'function') 
    {
        DeviceMotionEvent.requestPermission()
        .then(permissionState => {
            if (permissionState === 'granted') 
            {
                // DeviceMotionEvent.requestPermission() has been granted
            }
        })
        .catch(console.error);
       }
}

这里是 jsfiddle babylon iphone 在 Playground 外工作的 vr 示例。

打开这个demo link在你的手机里