threejs学习

1.实现场景中调整对象位置功能

先看效果

核心方法 使用 【TransformControls】 控件

import { TransformControls } from "three/examples/jsm/controls/TransformControls";
var control2 
......
//拖拽控件对象
      control2 = new TransformControls(camera, renderer.domElement);
      control2.setSize(0.3)
      control2.addEventListener("dragging-changed", (event) => {
        controls.enabled = !event.value; //阻止轨道控制器的影响
      });
      control2.addEventListener("change", (event) => {
        	...监听变化时取获取拖拽对象的位置信息
      });
      scene.add(control2);