Three.js基础学习之场景对象
更新时间：2017年09月27日 08:43:51 作者：专注前端30年
这篇文章主要给大家介绍了Three.js基础学习之场景对象的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用three.js具有一定的参考学习价值，需要的朋友们下面随着小编来一起看看吧。
前言
本文主要给大家介绍了关于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具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
相关文章
朋友公司开发的在线JS加密站点，内测中，自己试过不能找到加密后的源代码，不知道还有那位大大能够破解2008-11-11
这篇文章主要介绍了JavaScript检测并限制复选框选中个数的方法,涉及javascript针对复选框的判定与运算相关技巧,非常简单实用,需要的朋友可以参考下2015-08-08
本篇文章主要介绍了动画插件wow.js的使用方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了JavaScript对象字面量和构造函数,结合实例形式分析了JavaScript对象字面量和构造函数相关概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-04-04
这篇文章主要介绍了详解浏览器渲染页面过程的相关资料,需要的朋友可以参考下2017-02-02
本文主要介绍了JS中phototype的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要来和大家一起深入探讨如何使用JavaScript实现一个动态表单生成器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下2024-01-01
邮箱发送是我们常见的一个服务,本篇文章带大家用nestjs来实现一下,文中有详细的代码示例和图文讲解,对大家的学习或工作有一定的帮助,需要的朋友可以参考下2023-10-10
base64简单地说，它把一些 8-bit 数据翻译成标准 ASCII 字符，我们把图像文件的内容直接写在了HTML 文件中，这样做的好处是，节省了一个HTTP 请求2014-04-04
下面小编就为大家带来一篇页面间固定参数,通过cookie传值的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
最新评论