Three.js - Group 组合对象

在解析外部模型例如 obj模型的时候我们经常会发现、匿名函数中的加载解析后的参数object是一个Group，或者当前我们加载外部模型obj为例，然后通过Raycaster射线拾取数组的时候对象，当传递进去是scene.children发现并不会选中模型，但我们自己创建一些简单的模型会被选中。
这是因为，加载的外部模型会是在一个Group组对象中，如果直接scene.children是无法获取的，我们自己创建的模型并没有放进Group中，是属于scene.children的，所以可以获取到。 例如我们加载一个obj模型，看下他的children属性。
页面加载后的Scene对象

children是一个数组类型，有三个元素，两个灯光，一个Group对象，其中Group对象中的数据就是obj模型。

Group对象

文档解释

Group和Object3D几乎是一样的。它的目的是使 与对象组的工作在语法上更加清晰。

示例

var geometry = new THREE.BoxBufferGeometry( 1, 1, 1 );
var material = new THREE.MeshBasicMaterial( {color: 0x00ff00} );

var cubeA = new THREE.Mesh( geometry, material );
cubeA.position.set( 100, 100, 0 );

var cubeB = new THREE.Mesh( geometry, material );
cubeB.position.set( -100, -100, 0 );

//创建一个组对象，添加两个立方体
//作为一个组对象这些立方体对象可以被旋转、缩放、等等... 
var group = new THREE.Group();
group.add( cubeA );
group.add( cubeB );

scene.add( group );

构造函数

function Group() {

	Object3D.call( this );
	
	this.type = 'Group';

}

Group.prototype = Object.assign( Object.create( Object3D.prototype ), {

	constructor: Group,

	isGroup: true

} );

属性和方法

参考Object3D对象中的，公共方法。
.type string返回对象的类型。

作用和目的

使对象组在分类上更加清晰，便于分类和操作一组对象，而不是单个的。