スタートページ＞ Javascript＞ CANVAS＞ WebGL

WebGL Three.js 　Group：オブジェクトのグループ化

複数のオブジェクト（ここでは立方体と球体）をグループ化して、一つのオブジェクト（ここでは group ）にすることができます。
グループ化の方法
　　// group がグループ化したオブジェクトであると宣言
　　　var group = new THREE.Group();
　　// 既に定義されているオブジェクトをグループオブジェクトの子要素として追加
　　　group.add(box);
　　　　：　　// いくつでも指定可能
　　// group には、geometry, material の指定はできないが、中心位置や角度などの指定はできる
　　　group.position.set(x,y,z);
　　// グループのシーンへの追加
　　　scene.add(group);
グループ全体での移動。個々のオブジェクトでの移動などを組み合わせることができます。
その動きは、次の［実行］で確認してください。