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

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

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

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

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

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

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

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

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

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

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

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

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

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

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