美文网首页WebGLThree.js
34three.js TransformControls

34three.js TransformControls

作者: 狂暴机甲 | 来源:发表于2018-06-14 12:30 被阅读10次
平移.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

相关文章

网友评论

本文标题:34three.js TransformControls

本文链接:https://www.haomeiwen.com/subject/oityeftx.html