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 相关文章推荐
使用firebug进行调试javascript的示例
Dec 16 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
May 29 Javascript
JQuery做的一个简单的点灯游戏分享
Jul 16 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
Aug 22 Javascript
使用json来定义函数,在里面可以定义多个函数的实现方法
Oct 28 Javascript
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
Mar 24 jQuery
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 jQuery
Chrome调试折腾记之JS断点调试技巧
Sep 11 Javascript
JS实现中英文混合文字溢出友好截取功能
Aug 06 Javascript
在vue使用clipboard.js进行一键复制文本的实现示例
Jan 15 Javascript
详解Webpack如何引入CDN链接来优化编译后的体积
Jun 21 Javascript
vue如何清除浏览器历史栈
May 25 Vue.js
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
人大复印资料处理程序_补充篇
2006/10/09 PHP
php中引用符号(&)的使用详解
2013/11/13 PHP
php实现统计网站在线人数的方法
2015/05/12 PHP
php+html5基于websocket实现聊天室的方法
2015/07/17 PHP
PHP常用设计模式之委托设计模式
2016/02/13 PHP
php实现与python进行socket通信的方法示例
2017/08/30 PHP
js 文件引入实现代码
2010/04/23 Javascript
Js参数值中含有单引号或双引号问题的解决方法
2013/11/06 Javascript
JS动态调用方法名示例介绍
2013/12/18 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
2015/05/03 Javascript
JS中处理时间之setUTCMinutes()方法的使用
2015/06/12 Javascript
javascript禁止访客复制网页内容的实现代码
2015/08/05 Javascript
Angular 4依赖注入学习教程之InjectToken的使用(八)
2017/06/04 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
2017/10/24 Javascript
使用vue-cli导入Element UI组件的方法
2018/05/16 Javascript
详解如何在vue项目中使用eslint+prettier格式化代码
2018/11/10 Javascript
python中pass语句用法实例分析
2015/04/30 Python
python实现逆波兰计算表达式实例详解
2015/05/06 Python
python实现linux下使用xcopy的方法
2015/06/28 Python
理解Python中的With语句
2016/03/18 Python
python 简单备份文件脚本v1.0的实例
2017/11/06 Python
Python实现的朴素贝叶斯算法经典示例【测试可用】
2018/06/13 Python
Python 限定函数参数的类型及默认值方式
2019/12/24 Python
pytorch如何冻结某层参数的实现
2020/01/10 Python
Python 爬虫性能相关总结
2020/08/03 Python
Python 下载Bing壁纸的示例
2020/09/29 Python
Python 中 sorted 如何自定义比较逻辑
2021/02/02 Python
法学毕业生自我鉴定
2013/11/08 职场文书
恶搞卫生巾广告词
2014/03/18 职场文书
应届生面试求职信
2014/07/02 职场文书
国庆横幅标语
2014/10/08 职场文书
警察正风肃纪剖析材料
2014/10/16 职场文书
学生打架检讨书
2014/10/20 职场文书
个性发展自我评价2015
2015/03/09 职场文书
Golang 编译成DLL文件的操作
2021/05/06 Golang
vue/cli 配置动态代理无需重启服务的方法
2022/05/20 Vue.js