
TransformControls.js可以控制物体的移动旋转缩放等操作。
使用也比较简单。
- 引入js文件
- 创建控制器
- 设置控制模式,有translate,rotate,scale等几种模式。
- 添加到场景中
- 绑定控制对象。
var transformControls = new THREE.TransformControls(camera, renderer.domElement);
transformControls.setMode( "rotate" );//
scene.add(transformControls);
transformControls.attach( cube1 );
在简单使用中发现,被控制的物体会添加一个辅助控制杆,不同模式控制杆形式不一样。需要点击控制杆才能执行相应的操作。这个控制器在在线编辑模型的时候很有用。但是在控制模型的时候就很鸡肋了。目前简单了解一下。


网友评论