【three.js学习笔记】场景

codecraft 发布于2019-08-22 16:02 / 1112人阅读

摘要：对象是所有不同对象的容器，也就是说该对象保存所有物体光源摄像机以及渲染所需的其他对象。对象又是被称为场景图，它不仅仅是一个对象数组，还包含了整个场景图树形结构中的所有节点每个添加到场景的对象，甚至包括本身都是继承自一个名为的对象。

THREE.Scene

THREE.Scene 对象是所有不同对象的容器，也就是说该对象保存所有物体、光源、摄像机以及渲染所需的其他对象。

THREE.Scene 对象又是被称为场景图，它不仅仅是一个对象数组，还包含了整个场景图树形结构中的所有节点：
每个添加到 Three.js 场景的对象，甚至包括 THREE.Scene 本身都是继承自一个名为 THREE.Object3D 的对象。
每个 THREE.Object3D 对象也可以有自己的子对象，我们可以使用它的子对象来创建一个 Three.js 能解释和渲染的对象树。

组件	描述
相机	决定哪些东西在屏幕上渲染
光源	对材质如何显示，以及生成阴影时材质如何使用产生影响
物体	相机里主要的渲染对象，如方块、球体

THREE.Scene()就像是所有这些对象的容器。下面是对场景对象最重要的函数

函数/属性	描述
add(Object)	添加对象到场景中
children	返回场景中所有对象的列表，包括相机和光源
getChildByName(name)	利用name属性，返回场景中特定的对象
remove(Object)	把对象从场景中删除
traverse(function)	通过traverse这个函数，我们可以通过回调函数访问场景对象及其子对象
fog	通过这个属性，可以设置场景中的雾化效果，它可以渲染出一层雾气
overrideMaterial	通过这个属性，可以强制场景中的所有物体都使用相同的材质
background	通过这个属性，可以设置场景的背景，它总是第一个被渲染，可以是Color、纹理Texture覆盖、或者CubeTexture




    
    场景

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/93990.html

Three.js学习笔记

摘要：和使用的坐标系是右手坐标系。与都是指到照相机位置在深度平面的位置，而照相机不应该拍摄到其后方的物体，因此这两个值应该均为正值。 Three.js是一个3D JavaScript库。Three.js封装了底层的图形接口，使得程序员能够在无需掌握繁冗的图形学知识的情况下，也能用简单的代码实现三维场景的渲染。一个典型的Three.js程序至少要包括渲染器（Renderer）、场景（Sc...

20171112 2019-08-21 15:12 评论0 收藏0
WebGL three.js学习笔记使用粒子系统模拟时空隧道（虫洞）

摘要：学习笔记使用粒子系统模拟时空隧道本例的运行结果如图时空隧道演示地址的粒子系统的粒子系统主要是依靠精灵体来创建的，要实现中的粒子系统创建，一般有两种方式。 WebGL three.js学习笔记使用粒子系统模拟时空隧道本例的运行结果如图：showImg(https://img-blog.csdnimg.cn/20190426222855492.png?x-oss-process=ima...

Guakin_Huang 2019-08-23 17:10 评论0 收藏0
【three.js学习笔记】渲染器

摘要：使用将能够利用硬件加速从而提高渲染性能。这个渲染器比渲染器有更好的性能。声明构造器是一个可选对象，包含用来定义渲染器行为的属性。所用的渲染上下文对象。设置背景色和背景色透明度渲染器渲染器不使用来绘制场景，而使用相对较慢的。渲染器api WebGL渲染器（WebGLRenderer） WebGL渲染器使用WebGL来绘制您的场景，如果您的设备支持的话。使用WebGL将能够利用GPU硬...

刘玉平 2019-08-22 16:04 评论0 收藏0