-1- threejs 场景常见的方法和属性

场景的作用

场景(THREE.Scene)用于存储物体、光源、摄像机及其渲染所需要的其他的对象集合。THREE.Scene 对象又是被称为场景图，它不仅仅是一个对象数组，还包含了整个场景图树形结构中的所有节点：每个添加到 Three.js 场景的对象，甚至包括 THREE.Scene 本身都是继承自一个名为THREE.Object3D 的对象。每个 THREE.Object3D 对象也可以有自己的子对象，我们可以使用它的子对象来创建一个 Three.js 能解释和渲染的对象树。

场景的坐标系

threejs 默认是右手坐标系，即 x轴正方向向右，y轴正方向向上，z轴正方向由屏幕从里向。

常用的属性

1. background 设置场景的背景,例如利用这个设置天空盒子。

initSky(name = "星空", suffix = "jpg") {
      var urls = [
        require("../../../public/img/sky/" + name + "/posx." + suffix),
        require("../../../public/img/sky/" + name + "/negx." + suffix),
        require("../../../public/img/sky/" + name + "/posy." + suffix),
        require("../../../public/img/sky/" + name + "/negy." + suffix),
        require("../../../public/img/sky/" + name + "/posz." + suffix),
        require("../../../public/img/sky/" + name + "/negz." + suffix),
      ];
      var textureCube = new THREE.CubeTextureLoader().load(urls);
      scene.background = textureCube;
    },

1
2
3
4
5
6
7
8
9
10
11
12
13

2. fog 控制场景中的每个物体的雾的类型。

scene.fog=new THREE.Fog( oxffffff, 0.015, 100 ) 我们在这里定义了一个白色的雾 效果（oxffffff） 后面的两个属性用来调节雾 显示0.015 near 近处）属性的值，而 100 设置的是 far （远处）属性的值 通过这两个属性你可以决定雾从什么地方开始 以及浓 加深的程度 还有另外一个方法可以设置场景中雾的浓度；你可以使用如下的定义：scene.fog=new THREE.Fog( oxffffff, 0.015) 这次我们不指定 near 属性和 far 属性 ，只给出颜色和浓度 要想获得理想的效果。
3. environment 设置场景中没有纹理物体的默认纹理，如物体有纹理不会修改其纹理。

scene.overrideMaterial=new  THREE.MeshLambertMaterial({color : Oxffffff}};
1

4. children 返回场景的所有子对象。

常用的方法