18 Three.js的场景对象
来源:互联网 发布:macbook必装软件 编辑:程序博客网 时间:2024/05/24 04:52
通过这一段时间的学习,发现还没有介绍过场景的基本组件。这一节就简单的介绍一下相关的内容:
如果我们想让物体显示出来,首先,我们需要有一个渲染器(new THREE.WebGLRenderer())来渲染模型和相机。
渲染的模型需要放到场景(THREE.Scene())对象中,场景对象就是专门放置模型等一系列组件的地方,必须有一个模型和一个光源才可以显示出来模型。
最后需要使用调用实例化的渲染器的渲染方法将需要渲染的场景和相机传入,才可以显示出来。
如果需要查看在场景中放置的组件,可以打印一下
console.log(scene.children);将返回一个由所有组件组成的组件数组。
向场景里面添加一个模型组件的方法将使用
scene.add(THREE.Object3D);
scene.remove(THREE.Object3D);
遍历scene场景内的所有的子元素的方法:
scene.traverse(function(obj){console.log(obj)});打印出来的将是场景的每个子元素。
scene.getObjectByName(name);scene.getObjectById(id);
有了上面的这些方法,我们就可以很方便的对场景内的模型组件进行操作。
阅读全文
0 0
- 18 Three.js的场景对象
- 【three.js】创建一个场景
- three.js教程一场景的基本组件
- Three.js用鼠标控制场景移动的代码
- 丰富你的第一个Three.js场景
- Three.JS提升学习1:创建场景并渲染三维对象
- three.js--如何给一个场景贴图
- Three.js 中文手册-创建场景
- three.js第二篇【场景创建】
- Three.JS第一个三维场景建立
- THREE.JS场景基本组件(一)
- three.js 01-02 之首个场景
- three.js 02-01 之场景基本功能
- three.js给场景加上阴影
- THREE.JS之文本对象
- 深入理解three.js对svg的支持(三):svg转three对象
- Three.js学习记录--html5的编辑和第一个场景
- 20 Three.js实现场景所有物体使用相同的材质
- 001讲python
- Unity UGUI 原理篇(五):Auto Layout 自動佈局
- 从零撸一个Redux
- 数据库的增删改查
- LabVIEW OOP怎么学
- 18 Three.js的场景对象
- android jni调试打印char阵列
- OCP 172. The SQL statements executed in a user session are as follows:
- poj1088 滑雪
- 深入第K大数问题以及算法概要的详解
- STL sort 源码剖析
- Router设计
- 【POJ 1751】Highways(最小生成树-水题)
- 配额(quota)