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

我有兴趣设置一个AFrame场景，它具有与我们在调用“Inspector（Ctrl + Alt + I）”时获得的运动完全相同的相机运动。AFrame和相机运动 - 与检查员相同

左键用来移动相机
轮缩放
右键点击移动，没有旋转的摄像头

这是一个相当于建立，将在CAD中找到 - 例如，犀牛等CAO软件。

目前我有这样的设置，这已经不是轮缩放，那是不自然：

<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>

我还是不知道的车轮，然后右键单击？

来源

2017-09-13 Yvus

您可以通过组件使用三个的OrbitControls，提供：https://github.com/tizzle/aframe-orbit-controls-component（与当前的A-框架版本希望仍然有效）：

<script src="https://aframe.io/releases/0.6.1./aframe.min.js"></script> 
<script src="https://cdn.rawgit.com/tizzle/aframe-orbit-controls-component/v0.1.13/dist/aframe-orbit-controls-component.min.js"></script> 

    <a-camera 
      id="camera" 
      fov="20" 
      position="7 0 7" 
      orbit-controls="autoRotate: false; target: #target; enableDamping: true; dampingFactor: 0.125; rotateSpeed:0.1; minDistance:0.3; maxDistance:100;"> 
    </a-camera>

来源

2017-09-15 01:13:13 ngokevin

我明白了很多你的工作。感谢您解答问题的答案。你有什么机会知道是否有可能减少鱼眼效应。我试着玩fov和zoom属性，但他们没有更多的效果？ – Yvus

嗯，相机fov应该做到这一点。默认相机不应该有太多的鱼眼。你确实将它设置为20？ – ngokevin

是20.但似乎没有效果。请注意，使用您的解决方案，我们不会使用标签，而是使用带相机组件的实体。这有什么区别吗？ – Yvus

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

回答

相关问题