Three.js基础入门系列(四)

本文介绍了Three.js中创建3D网格(Mesh)的基本过程,包括使用几何体模型和材质结合创建网格对象,以及如何将网格添加到场景中。还探讨了不同类型的光源,如环境光、聚光灯和平行光,它们在3D场景中的作用及如何设置。最后提到了使用Three.js展示3D图形的基本步骤,包括创建场景、相机、渲染器以及添加物体和光源。
摘要由CSDN通过智能技术生成

01、Three.js中的基本要素:网格(Mesh)
当我们拥有了几何体模型和材质之后,我们需要通过一个网格(Mesh)将两者结合起来,创建我们正在的拍摄对象。
两种不同的拍摄对象构造方法:
new THREE.Mesh(geometry, material)
THREE.SceneUtils.createMultiMaterialObject(geometry,[materials…])
第一个参数代表物体的形状,第二个参数代表物体的材质。
以上两种都是创建拍摄对象的方法,第一个参数都是几何体模型(Geometry),唯一不同在于第二个参数。
前者只能用一种材质创建拍摄对象,后者可以使用多种材质进行创建(传入一个包含多种材质的数组)。
在这里插入图片描述
现在我们已经有一个拍摄对象了,这时候我们需要将我们的拍摄对象(物体)添加到场景中,就像我们在拍摄商品一样,得要把我们的商品放在拍摄空间之中。
在 Three.js 中,向场景中添加对象可以直接通过场景对象调用 add 方法实现。
在这里插入图片描述
物体之所以能被人眼看见,一种是它自身的材料就能发光,不需要借助外界光源;另一种是自身材料不发光,需要反射环境中的光。
对于自身不能发光的物体,需要给场景添加光

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值