平移.png
TransformControls.js可以控制物體的移動(dòng)旋轉(zhuǎn)縮放等操作涨薪。
使用也比較簡單骑素。
- 引入js文件
- 創(chuàng)建控制器
- 設(shè)置控制模式，有translate刚夺，rotate献丑，scale等幾種模式。
- 添加到場(chǎng)景中
- 綁定控制對(duì)象侠姑。
var transformControls = new THREE.TransformControls(camera, renderer.domElement);
transformControls.setMode( "rotate" );//
scene.add(transformControls);
transformControls.attach( cube1 );
在簡單使用中發(fā)現(xiàn)创橄，被控制的物體會(huì)添加一個(gè)輔助控制桿，不同模式控制桿形式不一樣结借。需要點(diǎn)擊控制桿才能執(zhí)行相應(yīng)的操作筐摘。這個(gè)控制器在在線編輯模型的時(shí)候很有用。但是在控制模型的時(shí)候就很雞肋了船老。目前簡單了解一下咖熟。
旋轉(zhuǎn).png
縮放.png
