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

IT文库 » threejs设置对象层次
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址