THREE.js如何实现在x,y,z轴上的拖拽

最好有源代码，谢谢就是类似于3Dmax里的那种模型的拖拽

2025-02-24 23:18:46

推荐回答（1个）

回答1：

THREE.js实现在x,y,z轴上的拖拽需要用户注册拖拽控件。

1、注册的js代码如下：

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://raw.github.com/zz85/ThreeLabs/master/DragControls.js';
document.body.appendChild(script);
script.onload = function(){
var dragcontrols = new THREE.DragControls(camera, scene, renderer.domElement);
};

2、运行效果如下：

说明：以上每一个点都可以自由拖拽。