Threejs场景中的基本组件

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

总序

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

Scene场景的几个方法

  1. Scene.add(object);//往场景中添加物体
  2. Scene.remove(object);//场景中去除物体
  3. Scene.children;//Scene的子对象列表;数组吧,包括相机和光源
  4. Scene.getChildByName()//通过物体的name属性访问该物体
    在var cude=…时候可以设定cude.name为“方块1”
  5. Scene.traverse(function);//函数参数对每个子对象都调用一次函数
Scene.traverse(function(e){
    //将一个函数作为参数传进来,对Scene的每个子对象都调用一次
    if(e instanceof THREE.Mesh && e!=plane){
        ...如果e是网格对象且不是地面,则做旋转处理等
    }
}) //可以用for循环children达到同样的效果

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值