设置层次
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就变成不可见了,因为其与相机不在同一个层次: