Three.js中的group,obj,模型中layers层级与相机

Three.js中的group,obj,模型中layers层级与相机

目录

• Three.js中的group,obj,模型中layers层级与相机
  • layers
  • group中的.layers.mask设置
  • 一些设想

layers

方法参数去官方文档看, 其实就是设置了 对象.layers.mask 的值. 官方说32个图层啥的, 其实就是靠位运算左移为 .layers.mask 属性设置具体值, 每移动33位值相同

group中的.layers.mask设置

group中有children, 因此直接设置 group.layers.mask 只会给group设置, 而其children中的对象.layers.mask还是默认设置

正确的设置方法是用traverse

//加载对象的时候设置层级
objLoader.load('models/AAA.obj', function (object3D) {
    group.add(object3D);
    //大概就是这么个意思
    group.layers.mask = 8;
    group.traverse(function (child) {
    child.layers.mask = 8;
    });
    console.log(group);
    scene.add(group);
});
//相机的设置
camera.layers.mask = 8;

一些设想

目前还不知道如何在load以外实现group的功能