为 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 型检查器相机相同的功能 - 左键单击轨道、右键单击平移、倒置缩放等。这可能吗？

参见代码笔 - http://codepen.io/MannyMeadows/pen/XpgVEd?editors=1000

Answer 1

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

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

为 A 型框架中的轨道控制启用平移功能

Enable panning functionality to orbit-controls in A-frame

aframe