Three.js基础学习之场景对象


Posted in Javascript onSeptember 27, 2017

前言

本文主要给大家介绍了关于Three.js场景对象的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

通过这一段时间的学习,发现还没有介绍过场景的基本组件。这一节就简单的介绍一下相关的内容:

如果我们想让物体显示出来,首先,我们需要有一个渲染器(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)});

打印出来的将是场景的每个子元素。

如果组件设置了添加了id属性或者name属性,则我们可以通过以下方法从场景中获取到目标组件

scene.getObjectByName(name); 
scene.getObjectById(id);

有了上面的这些方法,我们就可以很方便的对场景内的模型组件进行操作。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家学习或者使用Three.js具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
提示$ is not defined错误分析及解决
Apr 09 Javascript
jquery自定义类似$.ajax()的方法实现代码
Aug 13 Javascript
JavaScript获取一个范围内日期的方法
Apr 24 Javascript
实例解析JS布尔对象的toString()方法和valueOf()方法
Oct 25 Javascript
AngularJS基础 ng-keydown 指令简单示例
Aug 02 Javascript
jquery的checkbox,radio,select等方法小结
Aug 30 Javascript
利用js定义一个导航条菜单
Mar 14 Javascript
JS和canvas实现俄罗斯方块
Mar 14 Javascript
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
Aug 16 Javascript
使用Vue开发一个实时性时间转换指令
Jan 17 Javascript
layer.open 按钮的点击事件关闭方法
Aug 17 Javascript
如何通过JS实现转码与解码
Feb 21 Javascript
vue父组件中获取子组件中的数据(实例讲解)
Sep 27 #Javascript
Web开发使用Angular实现用户密码强度判别的方法
Sep 27 #Javascript
基于复选框demo(分享)
Sep 27 #Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
Sep 27 #Javascript
angular内置provider之$compileProvider详解
Sep 27 #Javascript
详解Node.js利用node-git-server快速搭建git服务器
Sep 27 #Javascript
微信小程序 循环及嵌套循环的使用总结
Sep 26 #Javascript
You might like
PHP实现导出excel数据的类库用法示例
2016/10/15 PHP
ExtJS Grid使用SimpleStore、多选框的方法
2009/11/20 Javascript
jquery的index方法实现tab效果
2011/02/16 Javascript
jquery post方式传递多个参数值后台以数组的方式进行接收
2013/01/11 Javascript
JavaScript中几种排序算法的简单实现
2015/07/29 Javascript
javascript设计简单的秒表计时器
2020/09/05 Javascript
jqGrid用法汇总(全经典)
2016/06/28 Javascript
JS实现的简单拖拽功能示例
2017/03/13 Javascript
微信小程序 实例开发总结
2017/04/26 Javascript
深入理解node.js之path模块
2017/05/03 Javascript
js轮播图的插件化封装详解
2017/07/17 Javascript
anime.js 实现带有描边动画效果的复选框(推荐)
2017/12/24 Javascript
vue 中动态绑定class 和 style的方法代码详解
2018/06/01 Javascript
用python实现的去除win下文本文件头部BOM的代码
2013/02/10 Python
Python编码类型转换方法详解
2016/07/01 Python
Python 机器学习库 NumPy入门教程
2018/04/19 Python
pandas DataFrame 行列索引及值的获取的方法
2019/07/02 Python
Python读取VOC中的xml目标框实例
2020/03/10 Python
django项目中使用云片网发送短信验证码的实现
2021/01/19 Python
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
英国玛莎百货新西兰:Marks & Spencer New Zealand
2019/07/21 全球购物
军用级手机壳,专为冒险而建:Zizo Wireless
2019/08/07 全球购物
介绍一下Ruby中的对象,属性和方法
2012/07/11 面试题
物理系毕业生自荐信
2013/11/01 职场文书
高一化学教学反思
2014/02/05 职场文书
质检部经理岗位职责
2014/02/19 职场文书
2014年五四青年节演讲稿范文
2014/04/22 职场文书
文明班级建设方案
2014/05/15 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
流动人口婚育证明范本
2014/09/26 职场文书
综合素质评价自我评价
2015/03/06 职场文书
防暑降温通知书
2015/04/27 职场文书
2015年九一八事变纪念活动实施方案
2015/05/06 职场文书
街道办残联2016年助残日活动总结
2016/04/01 职场文书
简历中的自我评价怎么写呢?
2019/04/30 职场文书
go语言中GOPATH GOROOT的作用和设置方式
2021/05/05 Golang