three.js 物体的简单拖拽功能

1.准备 DragControls.js

    <script src="lib/controls/DragControls.js"></script>

2.实现

这里只给出关键代码如下：

//需要拖拽物体的数组，将需要拖拽的物体Push到数组内即可

var dargObjects = new Array();

// 添加拖拽控件

function initDragControls() {

       // 初始化拖拽控件

       var dragControls = new THREE.DragControls(dargObjects,arCamera,renderer.domElement);

       //开始拖拽

       dragControls.addEventListener('dragstart',function(){

       });

       //结束拖拽

       dragControls.addEventListener('dragend',function(){

       });

}