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(){

       });

}