javascript - 在 DeviceOrientationControls 中设置相机运动

Question

我正在使用 Three.js 创建一个 webVR 应用程序。我已经实现了 DeviceOrientationControls，但现在想使用 google 纸板上的磁铁按钮在虚拟空间中移动。

我想要它，这样只要点击磁铁就能让相机朝我正在看的任何方向移动。再次单击将停止运动。

这可能吗？如果是这样，我该如何实现这个，我完全陷入困境。我的假设是磁铁会引起“点击”事件。但是检测到这个点击后，如何让相机朝我看的方向移动呢？

谢谢

Answer 1

使用DeviceOrientationControls的freeze属性:

var controls = new THREE.DeviceOrientationControls(camera);
controls.connect();
controls.update();

window.addEventListener('click', function() { controls.freeze = !controls.freeze; }, false);

当然，只有当您拥有可与屏幕接触的 Google Cardboard 版本时，此功能才有效。带有仅磁场开关的原始纸板将无法访问，因为没有暴露的磁力计 API(除非您的设备具有质量较差的旋转传感器，其中使用 DeviceOrientationControls 首先是一个坏主意)。