为 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

检查器使用三个.js 编辑器控件而不是轨道控件：https://github.com/aframevr/aframe-inspector/blob/master/src/lib/vendor/threejs/EditorControls.js

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