01、Three.js中的基本要素:网格(Mesh)
当我们拥有了几何体模型和材质之后,我们需要通过一个网格(Mesh)将两者结合起来,创建我们正在的拍摄对象。
两种不同的拍摄对象构造方法:
new THREE.Mesh(geometry, material)
THREE.SceneUtils.createMultiMaterialObject(geometry,[materials…])
第一个参数代表物体的形状,第二个参数代表物体的材质。
以上两种都是创建拍摄对象的方法,第一个参数都是几何体模型(Geometry),唯一不同在于第二个参数。
前者只能用一种材质创建拍摄对象,后者可以使用多种材质进行创建(传入一个包含多种材质的数组)。
现在我们已经有一个拍摄对象了,这时候我们需要将我们的拍摄对象(物体)添加到场景中,就像我们在拍摄商品一样,得要把我们的商品放在拍摄空间之中。
在 Three.js 中,向场景中添加对象可以直接通过场景对象调用 add 方法实现。
物体之所以能被人眼看见,一种是它自身的材料就能发光,不需要借助外界光源;另一种是自身材料不发光,需要反射环境中的光。
对于自身不能发光的物体,需要给场景添加光
Three.js基础入门系列(四)
最新推荐文章于 2024-09-28 20:00:00 发布
本文介绍了Three.js中创建3D网格(Mesh)的基本过程,包括使用几何体模型和材质结合创建网格对象,以及如何将网格添加到场景中。还探讨了不同类型的光源,如环境光、聚光灯和平行光,它们在3D场景中的作用及如何设置。最后提到了使用Three.js展示3D图形的基本步骤,包括创建场景、相机、渲染器以及添加物体和光源。
摘要由CSDN通过智能技术生成