threejs-场景_scene.traverse

threejs中的场景

常用属性、方法

1 scene.add()方法

向场景中添加模型、灯光等，还可以添加对象组

2 children属性

返回该场景中所有添加的对象列表，包括摄像机和光源

  [
  AmbientLight {...},
  SpotLight {...},
  Mesh {...}
  ...
  ]
1
2
3
4
5
6

3 scene.getObjectByName(name,rescursive)方法

children列表中的obj具备name属性时，使用本方法可以获得特地名字的对象，当rescursive为true时,在调用者所有后代子元素上查找

4 scene.remove(obj)方法

将添加到children的对象从列表移除

5 scene.traverse(function(e))方法

该方法接受一个函数作为参数，遍历调用者和它的所有后代，都执行该function

举例

 // 对scene中每个具备name的obj施加旋转效果
 scence.traverse((e)=>{
         if (e.name){
             e.rotation.x += 0.03;
             e.rotation.y += 0.03;
             e.rotation.z += 0.03;
         }
     })
 ```

###  6 fog属性
 
 为场景添加雾化效果

```ts
 // 线性雾化效果，参数为颜色，物化范围(最小、最大)
 scene.fog = new THREE.Fog(0xffffff, 10, 10000);

 // 指数雾化效果，参数为颜色与浓度
 scene.fog = new THREE.FogExp2(0xffffff, 0.01);
 ```

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22