Threejs场景中的基本组件

最新推荐文章于 2024-08-14 14:05:02 发布

Newpidian

最新推荐文章于 2024-08-14 14:05:02 发布

阅读量7.8k

点赞数

分类专栏： three-js 文章标签： Three-js 相机场景

本文链接：https://blog.csdn.net/Newpidian/article/details/51340243

版权

这篇博客介绍了Three.js中的Scene场景，包括添加和移除物体的方法，以及fog和overrideMaterial属性。详细讨论了相机类型，如透视投影和正投影，以及Material材质的选择。还讲解了如何实现阴影效果，包括开启阴影映射、设置接收和投射阴影的物体。最后提到了window.requestAnimationFrame在动画中的应用。

摘要由CSDN通过智能技术生成

总序

相机：决定哪些东西将要在屏幕上渲染
光源：决定对材质会如何显示和生成阴影的使用
物体: 相机中被渲染的对象

Scene场景的几个方法

Scene.add(object);//往场景中添加物体
Scene.remove(object);//场景中去除物体
Scene.children;//Scene的子对象列表；数组吧,包括相机和光源
Scene.getChildByName()//通过物体的name属性访问该物体
在var cude=…时候可以设定cude.name为“方块1”
Scene.traverse(function);//函数参数对每个子对象都调用一次函数

Scene.traverse(function(e){
    //将一个函数作为参数传进来，对Scene的每个子对象都调用一次
    if(e instanceof THREE.Mesh && e!=plane){
        ...如果e是网格对象且不是地面,则做旋转处理等
    }
}) //可以用for循环children达到同样的效果

注：场景渲染的时候THREE.Camera会被自动添加进来，如果喜欢也可以手动添加
scene.add(camera);