three.js笔记——（2）建立物体

前言

以前的工做至关因而搭建好了摄影棚（详情请看three.js笔记（1）入门），这一节则须要邀请各位模特或者演员到镜头前表演了。而这些模特是如何生成的呢，本节就介绍如何用three.js提供的方法来建立物体即咱们所说的模特。

---

建立物体

首先咱们来看一段建立物体实例的代码：

/*正方体实例*/
var geometry = new THREE.BoxBufferGeometry( 1, 1, 1 );  //建立一个正方几何体
var material = new THREE.MeshBasicMaterial( {color: 0x00ff00} );  //定义材料性质
var cube = new THREE.Mesh( geometry, material );  //组合几何体和材料性质
scene.add( cube );  //将建立好的几何体加入到场景中
/*棱锥实例*/
var geometry = new THREE.ConeBufferGeometry( 5, 20, 32 );
var material = new THREE.MeshBasicMaterial( {color: 0xffff00} );
var cone = new THREE.Mesh( geometry, material );
scene.add( cone );

因而可知，建立一个物体实例的步骤为：

1. 建立一个几何体实例，并定义几何体的参数（类比选择模特）；

2. 建立材料实例，并定义材料的性质（类比为模特选择服装）；

3. 用几何体实例和材料实例来生成一个物体（类比模特穿好服装）；

4. 将生成的这个物体放入场景中（类比将模特请入影棚）；

建立几何实例的方法

参见three.js官方文档

建立材料实例的方法

参见three.js官方文档

生成物体实例的方法

参见three.js官方文档——mesh

---

如今你能够愉快地绘制各类几何物体啦～

参考文献：
1.three.js官方文档