Question

我有兴趣设置一个AFrame场景，它与我们调用'Inspector（Ctrl + Alt + I）'时的相机运动完全相同。

用于移动相机的左键单击
用于缩放的滚轮
右键单击移动而不旋转相机

这是一个等效的设置，可以在CAD - CAO软件中找到，例如rhino。

目前我有这个设置，没有轮子缩放，这是不自然的：

    <a-entity look-at="#WorldFrame" look-controls>
        <a-entity position="7 0 -7" rotation="0 135 0">
            <a-camera fov="20" zoom="0.6" look-controls="enabled:false">
                <a-cursor></a-cursor>
            </a-camera>
        </a-entity>
    </a-entity>

有任何线索吗？感谢

编辑：左键单击的正确配置如下所示：

    <a-entity id="cameraTarget" position="0 0 0" rotation="0 0 0" look-controls >
        <a-entity position="7 0 7" >
            <!-- Disable the default wasd controls we are using those to control the ship -->
            <a-camera id="cameraID" fov="20" zoom="0.6" look-controls="enabled:false">
                <a-cursor></a-cursor>
            </a-camera>
        </a-entity>
    </a-entity>

我仍然不知道方向盘并右键点击？

Answer 1

您可以使用aframe-orbit-controls

<head>
  <title>My A-Frame Scene</title>
  <script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>
  <script src="https://unpkg.com/aframe-orbit-controls@1.2.0/dist/aframe-orbit-controls.min.js"></script>
  <script src="https://unpkg.com/aframe-supercraft-loader@1.1.3/dist/aframe-supercraft-loader.js"></script>
</head>

<body>
  <a-scene>
    <a-entity supercraft-loader="name: icky-snake"></a-entity>
    <a-entity camera look-controls orbit-controls="target: 0 1.6 -0.5; minDistance: 0.5; maxDistance: 180; initialPosition: 0 5 15"></a-entity>
  </a-scene>
</body>

AFrame和相机运动 - 与检查员相同

1 个答案: