这篇文章主要给大家介绍了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具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对爱安网的支持。

最新资讯
张忠谋:老将二度离场

张忠谋:老将二度离场

56岁创业,78岁二度出山,有赞誉称他是台湾的“半导体教父
A站争夺战:为什么快手成了最后的赢家?

A站争夺战:为什么快手

对于中国互联网巨头而言,不断变大、占据战略地位,在多个
苹果CEO库克:中美贸易摩擦不会导致iPhone加税

苹果CEO库克:中美贸易

尽管外界对中美贸易摩擦的担忧日益升温,但苹果CEO库克
傅盛:与焦虑共生,更以焦虑反抗平庸

傅盛:与焦虑共生,更以焦

2008年,刚满30岁的傅盛离职,张颖看到这个消息,要来电话打
快手收购A站进军二次元,七亿老铁能容得下百万猴子吗?

快手收购A站进军二次

百万“猴子”终于有了新归宿,不是马云爸爸,不是“不站队
苹果WWDC大会发布了什么创新的功能?并没有

苹果WWDC大会发布了什

一场发布会的精彩程度,和演讲者说“isn't that cool”
最新文章
Angular2进阶之如何避免Dom误区

Angular2进阶之如何避

这篇文章主要介绍了Angular2进阶之如何避免Dom误区,小
使用FileReader API创建Vue文件阅读器组件

使用FileReader API创

这篇文章主要介绍了使用FileReader API创建一个Vue的
react 实现页面代码分割、按需加载的方法

react 实现页面代码分

本篇文章主要介绍了react 实现页面代码分割、按需加载
Vue项目分环境打包的实现步骤

Vue项目分环境打包的

这篇文章主要介绍了Vue项目如何分环境打包,实现方法大
vue 组件中slot插口的具体用法

vue 组件中slot插口的

这篇文章主要介绍了vue 中slot 的具体用法,包括子组件
JS遍历DOM文档树的方法实例详解

JS遍历DOM文档树的方

这篇文章主要介绍了JS遍历DOM文档树的方法,结合实例形