threejs设置对象层次

设置层次

threejs提供了层次的支持。和相机处于同一层次的对象可见，否则不可见。在threejs中，最多可以设置32层，默认的层次是1。层次在有些系统中很有用，可以将不同的模式的对象设成不同的层次，这样，切换模式就只需切换一下相机的层次就可以了。

比如，我创建两个面：

let geometry = new THREE.PlaneGeometry(100,10);
let material = new THREE.MeshBasicMaterial({color:0x00ff00});
let mesh = new THREE.Mesh(geometry,material);
scene.add(mesh);

let geometry2 = new THREE.PlaneGeometry(10,100);
let mesh2 = new THREE.Mesh(geometry2,material);
scene.add(mesh2);

效果如下：



此时，我把mesh2的层次设成2：

let layers = new THREE.Layers();
layers.set(2);
mesh2.layers = layers;

此时，mesh2就变成不可见了，因为其与相机不在同一个层次：