three.js 使用DragControls.js 拖動元素

 

首先，引入js文件：

<script type="text/javascript" src="./path/to/DragControls.js"></script>
<script type="text/javascript" src="./path/to/TransformControls.js"></script>

 

 

然后：

//實例化 TransformControls
var transformControls = new THREE.TransformControls(camera,renderer.domElement);
scene.add(transformControls);

//實例化 dargControls
var dragControls = new THREE.DragControls(scene.children, camera, renderer.domElement);
dragControls.addEventListener('hoveron', function( event ){
      transformControls.attach(event.object);
      transformControls.setSize(0.4);
});

 

 

 

 

 

 

 

即可。