当前位置: 首页 > 文档资料 > Three.js 入门指南 >

5.1 创建网格

优质
小牛编辑
134浏览
2023-12-01

在上两节中,我们学习了如何创建几何形状与材质,而网格的创建非常简单,只要把几何形状与材质传入其构造函数。最常用的物体是网格(Mesh),它代表包含点、线、面的几何体,其构造函数是:

Mesh(geometry, material)

下面,让我们通过一个具体的例子了解如何创建网格:

例5.1.1

var material = new THREE.MeshLambertMaterial({
    color: 0xffff00
});
var geometry = new THREE.CubeGeometry(1, 2, 3);
var mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);

如果materialgeometry之后不会复用的话,也可以合在一起写为:

var mesh = new THREE.Mesh(new THREE.CubeGeometry(1, 2, 3), 
    new THREE.MeshLambertMaterial({
        color: 0xffff00
    })
);
scene.add(mesh);

添加光照后,得到的效果为:

如果不指定material,则每次会随机分配一种wireframetrue的材质,每次刷新页面后的颜色是不同的,一种可能的效果是: