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 相关文章推荐
js给onclick事件赋值,动态传参数实例解说
Mar 28 Javascript
JS文本获得焦点清除文本文字的示例代码
Jan 13 Javascript
原生js模拟淘宝购物车项目实战
Nov 18 Javascript
JS 日期与时间戮相互转化的简单实例
Jun 22 Javascript
深入理解requestAnimationFrame的动画循环
Sep 20 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
Nov 30 Javascript
jQuery plugin animsition使用小结
Sep 14 jQuery
Vue手把手教你撸一个 beforeEnter 钩子函数
Apr 24 Javascript
Vue实现移动端页面切换效果【推荐】
Nov 13 Javascript
Vue实现数据表格合并列rowspan效果
Nov 30 Javascript
Node.js安装详细步骤教程(Windows版)详解
Sep 01 Javascript
vue3修改link标签默认icon无效问题详解
Oct 09 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文本数据库的搜索方法
2006/10/09 PHP
thinkPHP5.0框架开发规范简介
2017/03/25 PHP
php 类中的常量、静态属性、非静态属性的区别
2017/04/09 PHP
PHP中rename()函数的妙用讲解
2019/02/28 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
Prototype PeriodicalExecuter对象 学习
2009/07/19 Javascript
基于jquery的跟随屏幕滚动代码
2012/07/24 Javascript
当某个文本框成为焦点时即清除文本框内容
2014/04/28 Javascript
html文本框提示效果的示例代码
2014/06/28 Javascript
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
2015/08/26 Javascript
JS组件Bootstrap Select2使用方法详解
2020/04/17 Javascript
详解Nuxt.js部署及踩过的坑
2018/08/07 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
2019/04/10 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
2019/09/24 Javascript
js实现菜单跳转效果
2020/12/11 Javascript
如何运行Python程序的方法
2013/04/21 Python
Python语言描述KNN算法与Kd树
2017/12/13 Python
使用Python自动化破解自定义字体混淆信息的方法实例
2019/02/13 Python
Python爬虫实现“盗取”微信好友信息的方法分析
2019/09/16 Python
Python生成个性签名图片获取GUI过程解析
2019/12/16 Python
python GUI库图形界面开发之PyQt5动态加载QSS样式文件
2020/02/25 Python
使用keras和tensorflow保存为可部署的pb格式
2020/05/25 Python
Django实现任意文件上传(最简单的方法)
2020/06/03 Python
HTML5制作表格样式
2016/11/15 HTML / CSS
英国床垫在线:Mattress Online
2016/12/07 全球购物
String这个类型的class为何定义成final?
2012/11/13 面试题
西式婚礼主持词
2014/03/13 职场文书
电气工程自动化求职信
2014/03/14 职场文书
村居抓节水倡议书
2014/05/19 职场文书
平面设计师岗位职责
2014/09/18 职场文书
公司感恩节活动策划书
2014/10/11 职场文书
2016形势与政策学习心得体会
2016/01/12 职场文书
三严三实·严以修身心得体会
2016/01/15 职场文书
学校运动会开幕词
2016/03/03 职场文书
Win10系统下配置Java环境变量
2021/06/13 Java/Android
Docker部署Mysql8的实现步骤
2022/07/07 Servers