Three.jsで沢山の物体をレンダリング

threejs-crowd.png

ポイント

Three.jsでは複数の描画オブジェクトをひとつにまとめることができます。

group = new THREE.Object3D();//空のコンテナを作成
group.add( mesh );//描画オブジェクトを追加します
scene.add( group );//グループごとシーンに追加します

これで、一まとめに平行移動したりすることが出来ます。

1つのシーンに複数の同じオブジェクトを追加するときの注意

Object3Dを複数追加してもダメで、Meshならば複数追加したら有効になる。
Object3Dはaddしても重複するオブジェクトが自動的に排除されてるかのような挙動になってしまった。

Bibliography
1. Three.js-examples webgl performance…沢山の猿のスザンヌちゃんがレンダリングされています。

crowd

サポートサイト Wikidot.com crowd