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官方文檔