34three.js TransformControls

平移.png

TransformControls.js可以控制物体的移动旋转缩放等操作。
使用也比较简单。

1. 引入js文件
2. 创建控制器
3. 设置控制模式，有translate，rotate，scale等几种模式。
4. 添加到场景中
5. 绑定控制对象。

var transformControls = new THREE.TransformControls(camera, renderer.domElement);
transformControls.setMode( "rotate" );//
scene.add(transformControls);
transformControls.attach( cube1 );

在简单使用中发现，被控制的物体会添加一个辅助控制杆，不同模式控制杆形式不一样。需要点击控制杆才能执行相应的操作。这个控制器在在线编辑模型的时候很有用。但是在控制模型的时候就很鸡肋了。目前简单了解一下。

旋转.png

缩放.png