結(jié)合本文的標(biāo)題大家仔細(xì)想想，如果需要繪制一個動態(tài)無規(guī)則面其實只需要得到動態(tài)的兩個軌跡點即可，那么結(jié)合下面的圖片大家仔細(xì)在想想。

 暫時我們先忽略Z軸（這樣在平面中看得更清楚），假設(shè)Z軸坐標(biāo)都為0。假設(shè)游戲中有兩個軌跡點在動態(tài)的增加與改變，最后將這兩個點改變的軌跡拼接起來就是它們生成的面。如上圖所示，第一個點的軌跡是“ 3，4，5，6，7” 第二個點的軌跡是“2，1，10，9，8” 。這兩個點的長度是可變的，前提是他們兩個的數(shù)量必需完全一樣。接著，如下圖所示，我們將這些點兩兩相連起來，目前一共形成了8個三角形面（可根據(jù)兩個動態(tài)點的數(shù)量而確定整個網(wǎng)格面三角形面的數(shù)量）。最后我們將這8個三角形填充上同樣的顏色，就可以實現(xiàn)一個完整的立體網(wǎng)格面。

原理很簡單，就是這樣的我相信大家看到這里大家都能明白，接著我們就學(xué)習(xí)如何使用代碼來實現(xiàn)它。首先創(chuàng)建Unity工程，接著創(chuàng)建一個空的游戲?qū)ο螅缓蠼o該游戲?qū)ο蠼壎∕esh Filter組件 與 Mesh Renderer組件。

Mesh Filter組件：表示網(wǎng)格面，這個網(wǎng)格面是由我們使用代碼將所有三角形拼接起來生成的面。

Mesh Renderer組件：表示表示網(wǎng)格的渲染，可設(shè)置一個渲染的材質(zhì)，它包括貼圖與顏色。

 如下圖所示，我說說里面比較重要的屬性。Mesh Renderer中，Materials下拉列表中可設(shè)置網(wǎng)格模型的材質(zhì)，此時我們設(shè)置了一個紅色的材質(zhì)。 Mesh Filter:目前為None，也不用再編輯器中為它賦值，因為這個網(wǎng)格模型我們會在代碼中生成并且賦值。在下面就是方剛我們設(shè)置紅色的材質(zhì)資源，Shader中設(shè)置了貼圖的屬性，目前是GUI/ TextShader。它表示這個材質(zhì)的渲染級別在GUI上，就是優(yōu)先級是最一層的。舉個例子無論在這個網(wǎng)格模型的前面繪制多少模型，它永遠(yuǎn)都會在最前面顯示。就這個例子而言它的存在并不是必需的，其實Shader的選項還有很多，可透明、不可透明、鏡面、反射等等，后期我會向大家詳細(xì)道來。

OK，現(xiàn)在資源文件都已經(jīng)準(zhǔn)備完畢，下面我們學(xué)習(xí)如何來繪制一個三角形，從簡單的開始。。把下面的代碼綁定在攝像機(jī)對象當(dāng)中。

          代碼中有兩個非常重要的概念，就是三角形頂點數(shù)組與坐標(biāo)數(shù)組。先說說坐標(biāo)數(shù)組，假設(shè)需要繪制一個四邊形，此時三角形坐標(biāo)數(shù)組的長度應(yīng)當(dāng)是4，它保存著四邊形四個頂點的坐標(biāo)。然后是頂點數(shù)組，四邊形是由兩個三角形組成，然而一個三角形是由3個頂點組成，兩個三角形就應(yīng)當(dāng)是6個頂點組成，無論多少個三角形它們的結(jié)構(gòu)都應(yīng)當(dāng)是以此類推。

注解1：這里是將模型的頂點數(shù)組與坐標(biāo)數(shù)組賦值給網(wǎng)格模型，還記得剛剛在創(chuàng)建Mesh Filter時，當(dāng)時沒有在編輯器中給網(wǎng)格模型賦值，實際上代碼走到這里就會重新為網(wǎng)格模型MeshFilter賦值，接著我們在代碼中繪制的三角形就會顯示在屏幕當(dāng)中。

如圖所示，三角形已經(jīng)繪制在屏幕當(dāng)中。 圖中數(shù)組 0 1 2 表示該三角形的三個頂點的ID。這個ID對應(yīng)代碼中對應(yīng)vertices數(shù)組索引頂點的坐標(biāo)。

下面我們修改一下代碼，讓屏幕中一共繪制4個三角形。

 已知模型的頂點數(shù)量，頂點數(shù)量減去2就是三角形的數(shù)量，三角形的數(shù)量在乘以3就是三角形頂點的數(shù)量。根據(jù)這個公式計算得知，上述代碼中_共繪制4個三角形，頂點坐標(biāo)數(shù)組應(yīng)當(dāng)是6，頂點ID數(shù)組應(yīng)當(dāng)是12。多個三角形在頂點ID數(shù)組中排列方式比較特殊，大家需要仔細(xì)記錄一下不然無法繪制出正確的三角形。如下圖所示，由于我這邊沒有合適的3D坐標(biāo)點，就用正三角形拼接出一個正四邊形，這個四邊形是由6個頂點4個小三角形組成 ，看到這里思路清晰的朋友應(yīng)當(dāng)明了無規(guī)則四邊形的繪制原理和它完全一樣。只需要傳入適當(dāng)?shù)?D坐標(biāo)點即可。

根據(jù)上面的邏輯，我們修改一下算法。假設(shè)三角形的頂點坐標(biāo)為任意數(shù)量，我們需要更根據(jù)頂點坐標(biāo)數(shù)量來計算對應(yīng)頂點ID的數(shù)組內(nèi)容。在for循環(huán)中 start =0 與end =3的含義是繪制從頂點坐標(biāo)數(shù)組中索引為0的頂點開始繪制到數(shù)組索引為3的頂點，也就說是這里從0到3繪制了3個三角形。

 如下圖所示，根據(jù)上面的邏輯算法，共繪制了3個三角形，并且頂點坐標(biāo)ID是由 0 到3 。 說到這里請大家仔細(xì)想想本文的標(biāo)題內(nèi)容，其實兩個動態(tài)軌跡的點就是在維護(hù)triangles頂點坐標(biāo)數(shù)組。triangles[0]、triangles[2]、triangles[4]……表示一個軌跡點的值，triangles[1]、triangles[3]、triangles[5]……就表示另一個軌跡點的值，最終將它們通過上面的算法將三角形面連接起來那么就是動態(tài)的兩個點軌跡繪制面了。

Unity3D其實非常好玩，上手雖然很簡單，但是想深入其實并沒有那么容易，今天這篇文章的思路已經(jīng)寫完，如果還是沒能明白的朋友請仔細(xì)揣摩三角形與四邊形之間的區(qū)別。