启用平移功能到A帧中的轨道控制

Question

我试图通过tizzle启用平移功能到轨道控制，没有太多运气。

<a-entity
        id="camera"
        camera
        position="0 0 12"
        orbit-controls="
            enablePan: true;
            target: #target;
            enableDamping: true;
            dampingFactor: 0.25;
            rotateSpeed:0.14;
            minDistance:3;
            maxDistance:15;"
        mouse-cursor="">
    </a-entity>

我希望我的相机具有与A型架检查器相机相同的功能 - 左键单击轨道，右键单击平移，倒置缩放等。这可能吗？

请参阅codepen - http://codepen.io/MannyMeadows/pen/XpgVEd?editors=1000

Answer 1

Inspector使用three.js编辑器控件代替Orbit Controls：https://github.com/aframevr/aframe-inspector/blob/master/src/lib/vendor/threejs/EditorControls.js

您可以将THREE.EditorControls包装在一个组件中，类似于Orbit Controls组件包裹THREE.OrbitControls的方式。