将相机移动到两侧并旋转它[Autodesk forge 查看器]答案

【问题标题】：Move camera to sides and rotate it [Autodesk forge viewer]将相机移动到两侧并旋转它[Autodesk forge 查看器]
【发布时间】：2017-07-21 21:27:02
【问题描述】：

我正在尝试将相机向左、向右、向后和向前移动并左右旋转。

这是我尝试的旋转：

function onRotateLeftButtonClicked(event) {
    event.preventDefault();
    var target = viewer.navigation.getTarget();
    var q = new THREE.Quaternion();
    q.setFromAxisAngle(new THREE.Vector3(0, 0, 1), 0.1);

    target.applyQuaternion(q);
    viewer.navigation.setTarget(target);
    orientUp();
}

向左移动：

function onLeftButtonClicked(event) {
    event.preventDefault();
    _camera.translateX(-1);
    orientUp();
}

前锋：

function onForwardButtonClicked(event) {
    event.preventDefault();
    _camera.translateZ(-1);
    orientUp();
}

但这仅在有时有效，有时旋转完全混乱，沿 z 轴左右旋转，前后将相机沿 z 轴翻转 180 度。

那么你应该如何控制这样的相机？

PS：我是在第一人称视角下进行的。

注意相反的方向显然是对称的。 _camera 是 viewer.getCamera()。

【问题讨论】：

标签： javascript camera autodesk autodesk-forge autodesk-viewer

【解决方案1】：

它看起来在你每次操作摄像头时，navigation.setView 是不是被调用了？在另一个线程中，还讨论了相机操作： Controlling camera in Forge viewer

在帖子中，我们的同事 Cyrille 提到了the sample he produced，其中手机的摄像头非常适合 VR。您可以在以下位置找到相关代码： https://github.com/cyrillef/google-cardboard-vr/blob/2015c7e9c653422d1c466ff129dc1d503f8218c0/www/js/VRTool.js

我还提到了我制作的一个小样本，我在其中manipulated the camera by mobile。相关代码 https://github.com/xiaodongliang/Forge-Viewer-Mobile-Sensor/blob/master/www/main-js/MobileGyro.js

您能否检查一下这些对您的问题是否有帮助？如果它不起作用，您能否提供一个代码项目的小示例？如果有任何私人数据，您可以发送电子邮件至 forge.help@autodesk.com 与我们联系。

【讨论】：