three js で立体を合成して 立体を作る

空の要素に物体を追加する。
これは何がいいかというと、例えばboxを作るとき、回転させる時の座標が中心にあるけど配置の時にはずれておくと回転の中心をずらす事ができる。

qiita.rb

//枠を作る
var _geo = new THREE.Geometry();
var _mat = new THREE.Matrix4();

qiita.rb

//物体を作る
var _geo1 = new THREE.CylinderGeometry(0,50,50*Math.sqrt(2),3,4);

qiita.rb

//傾けたり、場所を横にしたりはmatrixでここで設定
_geo1.applyMatrix( new THREE.Matrix4().makeTranslation( 0,-50*Math.sqrt(2)/2,50 ) );

qiita.rb

//枠に作ったエリアを入れる
_geo.merge(_geo1, _mat);

qiita.rb

//ここからは普通、マテリアルを設定してメッシュを作る
var _obj = new THREE.Mesh(_geo,new THREE.MeshLambertMaterial({color: 0xa67bfa,
                 wireframe: false}));

qiita.rb

//配置
scene.add(_obj);