2017-11-03 10 views
0

내 앱에 https://github.com/tizzle/aframe-orbit-controls-component을 구현하려고합니다. 는 A 프레임 구성 요소가 작동되는 한, 궤도-컨트롤을 실행하지 않는 것 같다 곳 는
index.html을 에angular 4 : aframe orbit-controls가 작동하지 않습니다.

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

을 추가했다. app.component.html하기 위해 다음 코드를 추가 할 때

는 :

<a-scene> 

    <a-entity 
     id="camera" 
     camera="fov: 80; zoom: 1;" 
     position="0 2 5" 
     orbit-controls=" 
      autoRotate: false; 
      target: #target; 
      enableDamping: true; 
      dampingFactor: 0.125; 
      rotateSpeed:0.25; 
      minDistance:3; 
      maxDistance:100; 
      " 
     mouse-cursor=""> 
     <a-entity geometry="primitive:cone; radius-bottom:1; radius-top:0" scale=".33 1 .33" position="0 0 0" rotation="90 0 0" material="color: #0099ff; transparent: true; opacity:0.5"></a-entity> 
    </a-entity> 

    <a-entity id="target"> 
     <a-box id="box" position="-1 0.5 1" rotation="0 45 0" color="#4CC3D9"></a-box> 
     <a-sphere id="sphere" position="0 1.25 -1" radius="1.25" color="#EF2D5E"></a-sphere> 
     <a-cylinder id="cylinder" position="1 0.75 1" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder> 
     <a-plane position="0 0 0" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane> 
    </a-entity> 

    <a-sky color="#ECECEC"></a-sky> 

</a-scene> 

에는 카메라 궤도를 선회 없다.

답변