AFrame과 카메라 모션 - 인스펙터와 동일

Question

'인스펙터 (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> 
  

  나는 아직도 바퀴에 대한 단서가 없다하고 마우스 오른쪽 버튼을 클릭 : 왼쪽 클릭에 대한 올바른 구성은 다음과 같은 것 같다?

Answer 1

당신은 구성 요소를 통해 제공 세의 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>