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 相关文章推荐
JavaScript Timer实现代码
Feb 17 Javascript
jquery 学习笔记一
Apr 07 Javascript
如何用JavaScript动态呼叫函数(两种方式)
May 03 Javascript
javascript自启动函数的问题探讨
Oct 05 Javascript
jquery处理页面弹出层查询数据等待操作实例
Mar 25 Javascript
jquery实现初次打开有动画效果的网页TAB切换代码
Sep 06 Javascript
jQuery实现鼠标选文字发新浪微博的方法
Apr 02 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
Feb 16 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
May 21 Javascript
Vue开发中常见的套路和技巧总结
Nov 24 Vue.js
浅谈Vue开发人员的7个最好的VSCode扩展
Jan 20 Vue.js
面试中canvas绘制图片模糊图片问题处理
Mar 13 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+MySQL搭建聊天室功能实例代码
2012/08/20 PHP
smarty模板引擎中变量及变量修饰器用法实例
2015/01/22 PHP
Yii rules常用规则示例
2016/03/15 PHP
PHP中strtr与str_replace函数运行性能简单测试示例
2019/06/22 PHP
select标签模拟/美化方法采用JS外挂式插件
2013/04/01 Javascript
javascript将url中的参数加密解密代码
2014/11/17 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
2015/03/03 Javascript
jQuery的bind()方法使用详解
2015/07/15 Javascript
JavaScript实现页面跳转的几种常用方式
2015/11/28 Javascript
Javascript设计模式之观察者模式(推荐)
2016/03/29 Javascript
在JSP中如何实现MD5加密的方法
2016/11/02 Javascript
详解Angular 4 表单快速入门
2017/06/05 Javascript
jquery获取transform里的值实现方法
2017/12/12 jQuery
Node.js命令行/批处理中如何更改Linux用户密码浅析
2018/07/22 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
2018/12/11 Javascript
20多个小事例带你重温ES10新特性(小结)
2019/09/29 Javascript
js正则表达式简单校验方法
2021/01/03 Javascript
[41:54]2018DOTA2亚洲邀请赛 4.1 小组赛A组加赛 TNC vs Liquid
2018/04/03 DOTA
在python的WEB框架Flask中使用多个配置文件的解决方法
2014/04/18 Python
简单介绍Python中的RSS处理
2015/04/13 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
春节到了 教你使用python来抢票回家
2020/01/06 Python
详解pandas获取Dataframe元素值的几种方法
2020/06/14 Python
顶丰TOPPIK台湾官网:增发纤维假发,告别秃发困扰
2018/06/13 全球购物
法国一家多品牌成衣精品中/高档商店:Graduate Store
2019/08/28 全球购物
党员干部承诺书
2014/03/25 职场文书
施工协议书范本
2014/04/22 职场文书
学校地质灾害防治方案
2014/06/10 职场文书
青年志愿者活动方案
2014/08/17 职场文书
党员学习正风肃纪思想汇报
2014/09/12 职场文书
2014年居委会工作总结
2014/12/09 职场文书
个人思想政治总结
2015/03/05 职场文书
网络研修心得体会
2016/01/08 职场文书
学者《孟子》名人名言
2019/08/09 职场文书
python自动化之如何利用allure生成测试报告
2021/05/02 Python
JavaScript中document.activeELement焦点元素介绍
2021/11/27 Javascript