UDK材質(zhì)簡介（下）

朱峰社區(qū)評論：我們接著上節(jié)課的內(nèi)容繼續(xù)來學(xué)習(xí)。這節(jié)我們講材質(zhì)的創(chuàng)建和表達(dá)式方面的知識！

現(xiàn)在，您已經(jīng)學(xué)會如何通過平移、旋轉(zhuǎn)和縮放來調(diào)整貼圖了。在下一指南中，我們將研究如何對齊貼圖，使其能夠無縫接合，當(dāng)然條件是您的貼圖本身就是無縫設(shè)計的。

指 南6.7——使用表面屬性窗口對齊貼圖

1. 繼續(xù)上一指南，或者打開配套DVD本章內(nèi)容中的指南10-7地圖文件。

2. 若您進(jìn)行過前一指南的操作，則房間中的地板可能與關(guān)卡中的其它所有貼圖不再對齊了，也就是說，在某些地方可能出現(xiàn)了一些接縫。我們可以使用表面屬性中的Alignment（對齊）組來解決這一問題。

通過從主菜單欄中選擇 View > Surface Properties 開始操作。

3. 讓我們從修正地板開始。當(dāng)您有多個相鄰的地板表面大小不一樣但都使用同樣的貼圖時，這個技巧將會特別有用。

點(diǎn)擊其中的一個地板表面，然后右擊透視視口，并從關(guān)聯(lián)菜單中選擇 Select Surfaces > Adjacent Coplanars 。這將選中所有與最初選中表面相鄰的地板表面。

圖6.100——在此情況下，選擇Adjacent Coplanars（相鄰共面）將會選中所有的地板表面。

4. 在表面屬性窗口中，找到Alignment（對齊）組并選擇Planar（平展延伸），然后點(diǎn)擊位于此組內(nèi)的Apply（應(yīng)用）按鈕。這將會在所有選中的表面上應(yīng)用一個單一貼圖平延。對于以無縫方式進(jìn)行設(shè)計的貼圖來說，這種技術(shù)將消除各個選中表面之間的接縫。

圖6.101——選擇Planar（平展延伸）并點(diǎn)擊Apply（應(yīng)用）。

5. 現(xiàn)在讓我們花點(diǎn)時間將所有的貼圖調(diào)整重設(shè)回默認(rèn)設(shè)置。右擊透視視口畫面，在關(guān)聯(lián)菜單中選擇 Select All Surface 。

圖6.102——選中關(guān)卡中的所有表面。

在表面屬性窗口中，選擇Default（默認(rèn)）對齊方式并點(diǎn)擊apply（應(yīng)用）。這將重設(shè)所有的貼圖調(diào)整，使其恢復(fù)到與BSP首次創(chuàng)建時相同的數(shù)值。

圖6.103——應(yīng)用所有選中表面回到默認(rèn)貼圖方式。

在對齊組中還有兩種其它的貼圖方法；Box（盒體）方法在六個方向上應(yīng)用平展貼圖，特別適合為立方體形狀房間進(jìn)行貼圖；Face（面）方法在本書成書過程當(dāng)中還無法正常工作。

6. 在我們關(guān)閉表面屬性窗口之前，再看一下Options（選項）區(qū)域，在這里可以控制貼圖在U和V方向上的平鋪。請花點(diǎn)時間進(jìn)行一些調(diào)整，研究一下其工作原理。

7. 保存當(dāng)前地圖。

<<<< 指南結(jié)束

既然您已經(jīng)學(xué)會了使用表面屬性窗口來調(diào)整貼圖的放置的方法，那就讓我們再來簡單了解一下貼圖對齊模式（Texture Alignment Mode），它能夠為您的設(shè)計提供更直觀（但是不太精確）的貼圖調(diào)整。

指 南6.8——使用貼圖對齊模式

1. 繼續(xù)上一指南，或者打開配套DVD本章內(nèi)容中的指南10-8地圖文件。

2. 在您的地圖中選中一個表面（選中何者無關(guān)緊要），點(diǎn)擊工具欄中Geometry Mode（幾何體模式）按鈕正下方的Texture Alignment Mode（貼圖對齊模式）按鈕。

3. 現(xiàn)在您會看到在表面上顯示出了一個坐標(biāo)控件（widget）（請確保Show/Use the Widget（顯示/使用控件）按鈕是激活的！），它與您當(dāng)前在工具欄上選中的變換控件相對應(yīng)。

圖6.104——當(dāng)前表面上可以看到一個特殊的二維平移小控件。

4. 仔細(xì)研究如何使用平移控件（Translation Widget）在表面上移動貼圖。旋轉(zhuǎn)控件（Rotation Widget）允許您進(jìn)行貼圖旋轉(zhuǎn)，而縮放控件（Scale Widget，一致與不一致）使您能夠改變貼圖的大小。

圖6.105——本圖中可以看到旋轉(zhuǎn)控件是如何用來旋轉(zhuǎn)貼圖的。

5. 操作完成后，記得可以通過使用表面屬性窗口的Default alignment（默認(rèn)對齊）來復(fù)位所有的改動。在繼續(xù)學(xué)習(xí)之前請先進(jìn)行復(fù)位。

圖6.106——所有的表面現(xiàn)在都已經(jīng)復(fù)位了。

6. 操作完成后保存對地圖的改動。

<<<< 指南結(jié)束

現(xiàn)在您已經(jīng)學(xué)會了創(chuàng)建一個基本材質(zhì)的方法，并學(xué)習(xí)了對貼圖進(jìn)行某些簡單的對齊調(diào)整的兩種方法。現(xiàn)在讓我們進(jìn)入下一階段。通過運(yùn)用一個凹凸偏移（BumpOffset）表達(dá)式來增強(qiáng)材質(zhì)的外觀效果。此表達(dá)式是對法線貼圖的補(bǔ)充，能夠使貼圖表現(xiàn)出表面的凹凸的真實效果效果。

指 南6.9——運(yùn)用BumpOffset（凹凸偏移）表達(dá)式

1. 繼續(xù)前一指南， 或者打開配套DVD光盤的本章文件包中打開指南10-9材質(zhì)文件�；蛘叽蜷_材質(zhì)編輯器，找到 指南6.4中創(chuàng)建的mat_BrickWall材質(zhì)并打開。

2. 引入一個新的BumpOffset（凹凸偏移）表達(dá)式，并將其放在漫射貼圖采樣的右側(cè)。

圖6.107——BumpOffset（凹凸偏移）表達(dá)式已添加至表達(dá)式窗口中。

3. BumpOffset（凹凸偏移）是利用法線貼圖的高度信息使貼圖的UVs發(fā)生偏移的。將BumpOffset（凹凸偏移）表達(dá)式輸出端連接至漫射貼圖采樣表達(dá)式的UVs輸入端上。

圖6.108——圖中可以看到BumpOffset（凹凸偏移）表達(dá)式已連接至漫射貼圖采樣的UVs端上。

注意： 此時您的材質(zhì)將被破壞，并顯示一條錯誤信息。這是因為BumpOffset（凹凸偏移）需要一個高度（Height）輸入值，在下一步驟中我們將進(jìn)行學(xué)習(xí)。

4. 將法線貼圖的貼圖采樣表達(dá)式中的Alpha輸出端（白色標(biāo)簽）連接至BumpOffset（凹凸偏移）的高度（Height）輸入端。在此我們使用了Alpha值而不是RGB值，因為高度（Height）輸入值需要一個一維向量參數(shù)，而不是通過RGB數(shù)據(jù)提供的三維向量。

暫時 不要 應(yīng)用您的改動。

圖6.109——法線貼圖的alpha輸出端已連接至BumpOffset（凹凸偏移）表達(dá)式上。

5. 在應(yīng)用更改之前，移動透視視口中的相機(jī)使之緊貼一面墻壁，并與之形成一個仰視角度。這有助于觀察BumpOffset（凹凸偏移）所產(chǎn)生的變化。

安放好鏡頭以后，點(diǎn)擊材質(zhì)編輯器中的Apply Changes（應(yīng)用更改）按鈕，并注意觀察透視視口中的情況。您會突然發(fā)現(xiàn)材質(zhì)變得坑坑洼洼了。這一改變非常驚人！

圖6.110——如果仔細(xì)觀察，您會發(fā)現(xiàn)磚塊比以前更有深度感了。

6. 保存文件包。

注意： 在完成此指南時，您會發(fā)現(xiàn)材質(zhì)編輯器會高亮顯示某些表達(dá)式，并在表達(dá)式窗口頂部出現(xiàn)一條信息“Maximum texture dependency length：1”。這沒關(guān)系，它只是提示Texture Sample所依賴的表達(dá)式的數(shù)量。在當(dāng)前情況中是指BumpOffset表達(dá)式，它為貼圖采樣提供輸入信息。

<<<< 指南結(jié)束

BumpOffset（凹凸偏移）表達(dá)式提供了一種非�？岬男Ч�，使您的材質(zhì)看起來更加逼真�，F(xiàn)在我們要享受一下改變材質(zhì)所得到的樂趣了。我們使之具有從磚塊之間透射出光照的效果，然后基于正弦波原理模擬出光源跳動的效果。同時，我們要保持磚墻的原貌；并不是每一面墻的磚縫中都會透出光源來。因此要首先復(fù)制一下當(dāng)前材質(zhì)，從而能夠創(chuàng)建出一個具有特殊效果的個別版本。

指 南6.10——復(fù)制并添加磚墻材質(zhì)的特殊效果

在本指南中將添加許多不同的內(nèi)容，因此要非常認(rèn)真地學(xué)習(xí)各個步驟和子步驟！另外，在各個區(qū)域中，您需要重新安排表達(dá)式圖標(biāo)的位置來騰出空間。相信您可以獨(dú)立完成這項工作。

1. 繼續(xù)前一指南，或者打開配套DVD本章內(nèi)容中的指南6-9文件包。

2. 首先，我們要復(fù)制一下現(xiàn)有材質(zhì)。按下列步驟進(jìn)行：

a. 在Generic browser窗口中選擇mat_BrickWall材質(zhì)并右點(diǎn)。

b. 在彈出的關(guān)聯(lián)菜單中選擇Duplicate（復(fù)制）。

圖6.111——復(fù)制使我們能夠在保留原材質(zhì)的同時編輯一個新的版本。

c. 將Name（名稱）屬性改為mat_GlowBricks。新建一個磚墻材質(zhì)。

圖6.112——現(xiàn)在可以在Generic browser中同時看到這兩個材質(zhì)。

3. 在材質(zhì)編輯器中打開mat_GlowBricks材質(zhì)。從為磚墻裂縫放置一個非常簡單的發(fā)光效果開始。按下列步驟進(jìn)行：

a. 首先，我們需要一個貼圖，它在磚塊區(qū)域是黑暗的，而在磚縫是發(fā)光的�，F(xiàn)在我們沒有這樣的貼圖，但是能夠從法線貼圖的alpha通道中做一個出來。不過，法線貼圖的alpha通道產(chǎn)生的效果正好與之相反；磚縫是黑暗的而磚塊是明亮的。

為修正此效果，我們要引入一個新的一減去（OneMinus）表達(dá)式，并將法線貼圖貼圖采樣的輸出端連接至一減去（OneMinus）表達(dá)式的輸入端。如果您將一減去（OneMinus）表達(dá)式的輸出端連接至材質(zhì)的自發(fā)光通道，就會發(fā)現(xiàn)整個材質(zhì)都發(fā)出了強(qiáng)光，雖然磚縫處發(fā)出的光最明亮。

圖6.113——圖中能看到一減去表達(dá)式連接至材質(zhì)后產(chǎn)生的材質(zhì)結(jié)構(gòu)。

4. 我們需要將注意力轉(zhuǎn)向自發(fā)光（emissive）通道。據(jù)此目的，我們將使用求冪值（Power）表達(dá)式。

a. 生成一個新的求冪值（Power）表達(dá)式，并將一減去（OneMinus）表達(dá)式的輸出端連接至其基數(shù)（Base）輸入端。

圖6.114——現(xiàn)在我們創(chuàng)建了一個新的求冪值表達(dá)式。

b. 創(chuàng)建一個常量表達(dá)式并將其輸出端連接至求冪值（Power）表達(dá)式的指數(shù)（Exp）輸入端。

圖6.115——一個新的常量表達(dá)式已連接至求冪值表達(dá)式的指數(shù)端。

c. 將求冪值（Power）表達(dá)式連接至自發(fā)光（Emissive）通道。材質(zhì)將暫時變成黑色，因為常量表達(dá)式的默認(rèn)值為0。

圖6.116——求冪值的輸出端已連接至材質(zhì)的自發(fā)光通道。

d. 設(shè)置常量表達(dá)式的R屬性為40。這將使光的發(fā)射只集中于磚縫處。

圖6.117——一旦您將常量表達(dá)式的值設(shè)置為40左右，強(qiáng)光的發(fā)射將只集中于磚縫處。

5. 這時會碰到一個小問題。如果在預(yù)覽窗口中旋轉(zhuǎn)材質(zhì)的話，您會注意到發(fā)光的磚縫好象“漂浮”于實際磚縫之上了。我們需要使用法線貼圖上的BumpOffset（凹凸偏移）表達(dá)式來對其進(jìn)行校正。但是我們已經(jīng)使用過法線貼圖來創(chuàng)建凹凸偏移效果了。這意味著如果我們將BumpOffset（凹凸偏移）表達(dá)式與法線貼圖的貼圖采樣表達(dá)式的UVs端相連接的話，就會出現(xiàn)一個死循環(huán)狀態(tài)，導(dǎo)致錯誤的發(fā)生。取而代之的是，我們使用一個新的貼圖采樣表達(dá)式來解決此問題。為此請按下列步驟進(jìn)行：

a. 選擇包含法線貼圖的貼圖采樣表達(dá)式，按Ctrl-C鍵然后再按Ctrl-V鍵進(jìn)行復(fù)制出一個副本。

圖6.118——法線貼圖的貼圖采樣表達(dá)式已經(jīng)復(fù)制完成。

b. 將新貼圖采樣表達(dá)式的Alpha輸出端連接至一減去表達(dá)式輸入端，覆蓋現(xiàn)有的連接。這時材質(zhì)并沒有發(fā)生任何變化。

圖6.119——使用新建貼圖采樣表達(dá)式的Alpha端替換當(dāng)前與一減去表達(dá)式的連接。

c. 將凹凸偏移表達(dá)式的輸出端連接至新貼圖采樣表達(dá)式的UVs輸入端。您會看到發(fā)光的磚縫已經(jīng)貼到凹凸偏移后的磚縫上了。

圖6.120——發(fā)光磚縫已經(jīng)正確放置。

6. 現(xiàn)在我們需要給這些發(fā)光磚縫添加一些色彩。使用下列方法添加一個向量參數(shù)表達(dá)式來實現(xiàn)此目的：

a. 新建一個向量參數(shù)表達(dá)式 。將其默認(rèn)值（DefaultValue）設(shè)置為任意顏色。這里我們使用鮮綠色。

圖6.121——添加了一個含有鮮綠色的向量參數(shù)表達(dá)式。

b. 創(chuàng)建一個新的乘法表達(dá)式。將向量參數(shù)表達(dá)式的輸出端連接至乘法表達(dá)式的B輸入端。

圖6.122——新建的乘法表達(dá)式的B輸入端從新建的向量參數(shù)表達(dá)式中接收數(shù)據(jù)。

c. 將求冪值（Power）表達(dá)式的輸出端連接至乘法表達(dá)式的A輸入端。

圖6.123——將原始的冪值與新建的VectorParameter（向量參數(shù)）的輸出值相乘。

d. 將乘法表達(dá)式的輸出端連接至材質(zhì)的自發(fā)光通道。

圖6.124——如圖所示，新建的乘法表達(dá)式最終連接至材質(zhì)。

7. 我們要做的最后一件事是再次使用一個乘法表達(dá)式以加強(qiáng)發(fā)光效果：

a. 選擇前一步驟中創(chuàng)建的乘法表達(dá)式，用Ctrl-C和Ctrl-V對其進(jìn)行復(fù)制。將最初的乘法表達(dá)式的輸出端連接至新建乘法表達(dá)式的A輸入端。

圖6.125——復(fù)制先前的乘法表達(dá)式，所有的圖標(biāo)已重新放置。

b. 用同樣的方式復(fù)制常量表達(dá)式（如果您喜歡的話也可新建一個）。

c. 將新建常量表達(dá)式的輸出端連接至新建乘法表達(dá)式的B輸入端。

圖6.126——新建常量表達(dá)式已連接至乘法表達(dá)式。

d. 將新建乘法表達(dá)式的輸出連接至自發(fā)光通道。

圖6.127——新建的增強(qiáng)效果乘法表達(dá)式已連接至材質(zhì)的自發(fā)光通道。

e. 將新建常量表達(dá)式的R屬性設(shè)置為任何產(chǎn)生合適發(fā)光效果的數(shù)值。這里使用9。

圖6.128——將最終輸出值乘以一個9左右的乘數(shù)將使發(fā)光磚縫顯得更為明亮。

8. 最后，讓我們創(chuàng)建一個系統(tǒng)，使得發(fā)光縫隙能夠隨時間變換進(jìn)行閃爍。這需要構(gòu)建一個正弦波。眾所周知，正弦波的值在1到-1之間，因此我們要對波形進(jìn)行數(shù)學(xué)校正，將幅值范圍控制在0.25到1之間。數(shù)學(xué)表達(dá)式如下所示：

((Sin(time)) * 0.375) + 0.625

下列所述為如何構(gòu)建一個網(wǎng)絡(luò)來定義上述的表達(dá)式：

a. 創(chuàng)建一個正弦表達(dá)式（Sine），再創(chuàng)建一個計時表達(dá)式（Time） 。然后將計時表達(dá)式的輸出端連接至正弦表達(dá)式（Sine）的輸入端。

圖6.129——正弦和計時表達(dá)式都已添加至表達(dá)式窗口中。

b. 創(chuàng)建一個乘法表達(dá)式（Multiply）以及一個常量表達(dá)式（Constant） 。然后將新建常量表達(dá)式的R值設(shè)為0.375，并將其輸出端連接至乘法表達(dá)式的A輸入端。

圖6.130—— 一個值為0.375的常量表達(dá)式和一個新建的乘法表達(dá)式節(jié)點(diǎn)已添加完畢。

c. 將正弦表達(dá)式（Sine）的輸出端連接至乘法表達(dá)式的B輸入端。

圖6.131——現(xiàn)在將正弦表達(dá)式的值乘以0.375。

d. 您或許已經(jīng)發(fā)現(xiàn)0.625就是0.375反相值（和正好為1）。這意味著我們可以簡單地使用一減法表達(dá)式得到所需的數(shù)值。

創(chuàng)建一個一減去表達(dá)式以及一個加法表達(dá)式。

e. 將常量表達(dá)式的輸出端連接至一減去表達(dá)式的輸入端。然后將一減去表達(dá)式的輸出端連接至加法表達(dá)式的A輸入端，乘法表達(dá)式的輸出端連接至加法表達(dá)式的B輸入端。

圖6.132——已經(jīng)添加了一個新的一減去表達(dá)式并與新建的加法表達(dá)式連接完畢。

f. 馬上就要完成了此操作了�，F(xiàn)在只需要將這個新建表達(dá)式網(wǎng)絡(luò)的結(jié)果乘入材質(zhì)中。

新建一個乘法表達(dá)式，將加法表達(dá)式的輸出端連接至A輸入端，并將當(dāng)前已連接至材質(zhì)自發(fā)光通道的乘法表達(dá)式的輸出端連接至新建乘法表達(dá)式的B輸入端。

圖6.133——新建的乘法表達(dá)式用來將新建的表達(dá)式網(wǎng)絡(luò)結(jié)合至現(xiàn)有的材質(zhì)中。

g. 最后一步是將新建的乘法表達(dá)式的輸出端連接至材質(zhì)的自發(fā)光通道。

圖6.134——所有的表達(dá)式都連接無誤。

9. 應(yīng)用材質(zhì)的更改，并保存文件包。

<<<< 指南結(jié)束

現(xiàn)在處于磚縫中的光源每秒種發(fā)生一次跳動。此材質(zhì)示例就是本節(jié)迄今為止我們所做的全部工作。不過您也可以自行對其進(jìn)行改進(jìn)。在下一示例中，我們將使用同樣的貼圖創(chuàng)建一個全新的材質(zhì)，但是這一次要使用一個更有技術(shù)的表達(dá)式網(wǎng)絡(luò)，因為將要用到基于像素深度一些技術(shù)，也就是說玩家與給定表面之間的距離。

指 南6.11——材質(zhì)距離引起的顏色變化

1. 在本指南中，我們將開始創(chuàng)建一個復(fù)雜的材質(zhì)，根據(jù)玩家與給定對象之間的距離遠(yuǎn)近，對其進(jìn)行各種顏色的混合。

圖6.135——此貼圖效果是我們的最終努力方向。

打開配套DVD本章內(nèi)容中的PinwheelLevel.umap文件。它將為我們提供了一系列的長廊材質(zhì)，以供測試創(chuàng)建效果。

圖6.136——PinwheelLevel設(shè)計圖包含很長的走廊，可將其用于材質(zhì)的展現(xiàn)。

2. 打開Generic browser，使用學(xué)得的技巧新建一個材質(zhì)，并將下列數(shù)據(jù)鍵入至New（新建）對話框中：

• 文件包（Package）: IntroToMaterials
• 組（Group）: Materials
• 名稱（Name）: mat_DistColor
• 組件工廠（Factory）: Material

彈出材質(zhì)編輯器。

圖6.137——材質(zhì)屬性按如圖所示內(nèi)容進(jìn)行設(shè)置。

3. 在此制定一份制作計劃在材質(zhì)創(chuàng)建進(jìn)程中十分重要。當(dāng)前，我們的目標(biāo)是將在距離基礎(chǔ)上進(jìn)行兩種顏色的混合。讓我們先從這兩種顏色的創(chuàng)建開始。不過這次我們將使用一種新方法來創(chuàng)建適當(dāng)?shù)谋磉_(dá)式 。

a. 右擊表達(dá)式窗口的空白區(qū)域，卷動長長的關(guān)聯(lián)菜單，從中選擇 New VectorParameter 。

圖6.138——新建向量參數(shù)選項靠近關(guān)聯(lián)菜單的底部。

b. 在表達(dá)式 窗口中選擇VectorParameter（向量參數(shù)）圖標(biāo)，按下Ctrl-C和Ctrl-V鍵來復(fù)制并粘貼出表達(dá)式的一個副本。

c. 按住Ctrl鍵，將新建表達(dá)式 移動到先前表達(dá)式的上方，然后將其DefaultValue（默認(rèn)值）顏色改成任意顏色。此時我們使用橙色。

圖6.139——新的向量參數(shù)已復(fù)制完成，其值也已修改完畢。

d. 點(diǎn)擊每個圖標(biāo)中的黑色方框打開實時預(yù)覽，以看清各表達(dá)式中運(yùn)用的顏色。此時其中一個表達(dá)式應(yīng)當(dāng)包含黑色，而另一表達(dá)式顏色可以為任意。操作完成后關(guān)閉每個節(jié)點(diǎn)的實時預(yù)覽狀態(tài)。

圖6.140——實時預(yù)覽已經(jīng)激活，可以看到每個向量參數(shù)節(jié)點(diǎn)中所包含的顏色了。

4. 好了，我們已經(jīng)創(chuàng)建了這兩種顏色，現(xiàn)在需要找到一種顏色混合的方法。深度會成為最終考量因素，但是當(dāng)前我們僅研究如何進(jìn)行顏色混合。按照下列步驟建立 并連接所需的表達(dá)式：

a. 在表達(dá)式 窗口中添加一個LinearInterpolate（線性插值）表達(dá)式，可以使用右擊的方法或從表達(dá)式列表中直接拖放。將此線性插值表達(dá)式放在兩個向量參數(shù)的左側(cè)偏下方。如有需要，將全部的三個表達(dá)式圖標(biāo)向遠(yuǎn)離主材 質(zhì)節(jié)點(diǎn)的方向移動，同時按住Ctrl和Alt鍵能夠進(jìn)行框選，然后按下Ctrl鍵就可使用左鍵拖曳所有選中項了。

圖6.141——新建的線性插值表達(dá)式應(yīng)按圖中所示的位置進(jìn)行放置。

b. 從橙色向量參數(shù)表達(dá)式圖標(biāo)的RGB輸出框（僅黑色的輸出框）使用左鍵拖出并連接至線性插值表達(dá)式圖標(biāo)的A輸入端。然后再從線性插值表達(dá)式的B輸入端使用左鍵拖至黑色向量參數(shù)表達(dá)式的RGB輸出端。如圖所示，兩個方向可以進(jìn)行任意連接。

圖6.142——兩個向量參數(shù)表達(dá)式已連接至線性插值表達(dá)式。

5. 混色效果表達(dá)式已經(jīng)建立完畢，但是由于還沒有在線性插值表達(dá)式的Alpha通道連接任何輸入值，此時還不能正常工作，因為線性插值表達(dá)式的Alpha通道是控制兩種顏色進(jìn)行混合的地方。 不過，我們需要使用基于深度的方法來控制alpha，或者更精確地說，基于玩家與像素之間的距離來控制此alpha值�，F(xiàn)在請按照下列步驟完成此操作：

a. 在表達(dá)式窗口中添加一個PixelDepth（像素深度）表達(dá)式，將其置于兩個向量參數(shù)表達(dá)式的正下方。將其輸出端連接至線性插值表達(dá)式的Alpha端，然后再將線性插值表達(dá)式的輸出端連接至材質(zhì)的自發(fā)光通道。

圖6.143——已添加了一個新的PixelDepth（像素深度）表達(dá)式，且此表達(dá)式網(wǎng)絡(luò)已連接至自發(fā)光通道。

這將導(dǎo)致您的材質(zhì)立刻變?yōu)楹谏�（不過請別擔(dān)心，它仍在原處）。原因是像素深度表達(dá)式輸出的值在0到16777215之間。但是線性插值表達(dá)式的 Alpha值卻需要在0到1之間。同時，我們也不需要將0到1600萬的數(shù)值歸一化至圍0到1，否則我們只有在距表面1600萬Unreal單位時才能看到第二種顏色！解決的辦法是將值歸一化至一個指定距離，如此我們就能設(shè)定一個自定義的深度，用以混合第二種顏色。

為此我們首先需要確定最優(yōu)化距離，然后只需用給定像素的深度值除以這個值即可。在本例中我們使用1200單位。

b. 創(chuàng)建一個常量表達(dá)式，將其置于像素深度表達(dá)式的正下方。在屬性窗口中將R值設(shè)為1200。

圖6.144——新建一個值為1200的常量表達(dá)式，按圖示方式放置。

c. 創(chuàng)建一個除法表達(dá)式，并將其置于像素深度表達(dá)式與常量表達(dá)式的左側(cè)。您可能需要將像素深度表達(dá)式與常量表達(dá)式稍稍向右移動以騰出空間。

d. 將像素深度表達(dá)式的輸出端連接至除法表達(dá)式的A輸入端，然后再將常量表達(dá)式的輸出端連接至除法表達(dá)式的B輸入端。

圖6.145——新的Divide表達(dá)式用來除以距離1200。

e. 將除法表達(dá)式的輸出端連接至線性插值表達(dá)式的Alpha輸入端。

圖6.146——新建的除法表達(dá)式已連接至網(wǎng)絡(luò)。

6. 選中材質(zhì)的主節(jié)點(diǎn)，在屬性窗口中將光照模型屬性設(shè)置為MLM_Unlit�，F(xiàn)在的場景中并沒有光照，這樣可以節(jié)省一些額外的計算量�，F(xiàn)在，如果用鼠標(biāo)右鍵在材質(zhì)編輯器的預(yù)覽窗口中拖動，您可以看到采樣球體在基于與視點(diǎn)鏡頭距離的基礎(chǔ)上對兩種顏色進(jìn)行混合。

7. 點(diǎn)擊材質(zhì)編輯器頂部的Apply Changes（應(yīng)用更改）按鈕，然后關(guān)閉材質(zhì)編輯器。

8. 將新建材質(zhì)應(yīng)用至關(guān)卡中的所有表面。最簡單的方法是在透視視口中右擊任意一個表面，然后從彈出的關(guān)聯(lián)菜單中選擇 Select all Surface 。選中所有表面后，只需點(diǎn)擊 Generic browser中的新建 mat_DistColor 材質(zhì)即可。

9. 將地圖另存為一個新的副本，最重要的是保存您的IntroToMaterials文件包！

<<<< 指南結(jié)束

如果現(xiàn)在測試關(guān)卡，您應(yīng)當(dāng)會注意到“基于距離的顏色混合”系統(tǒng)的確很有效。然而，由于當(dāng)前的墻面上無可見貼圖，所以在移動時感覺不到自己是在運(yùn)動中，除非走到長廊的盡頭。這意味著我們的材質(zhì)還需要變得更為復(fù)雜。在引入新的貼圖并將其連接至材質(zhì)之前，讓我們研究一下如何通過注解的使用來理順我們創(chuàng)建的材質(zhì)。

注解使我們能夠?qū)⒉馁|(zhì)分為各個部分并對其進(jìn)行標(biāo)注。在開始創(chuàng)建更為復(fù)雜的材質(zhì)時顯得尤為重要，并有助于您記憶材質(zhì)中每個部分的作用，同樣可以使得團(tuán)隊中的其它美工人員更簡便地解讀您創(chuàng)建的表達(dá)式網(wǎng)絡(luò)。在下一指南中，我們將研究為材質(zhì)添加注解的方法。

指 南6.12——在材質(zhì)中放置注解

1. 繼續(xù)前一指南，或者打開配套DVD本章內(nèi)容中的指南6-12文件包。

2. 材質(zhì)網(wǎng)絡(luò)的結(jié)構(gòu)組織要與下文中的配置相類似�？蜻x當(dāng)前材質(zhì)中只用于基于深度的顏色混合的所有表達(dá)式。

3. 選中上述表達(dá)式，右擊表達(dá)式窗口中的任意位置，然后從關(guān)聯(lián)菜單中選擇 New Comment 。在出現(xiàn)的對話框中將 Depth Blender 輸入到Comment Text（注解文本）字段中。

圖6.147——注解對話框使您能夠為新建的注解框添加標(biāo)題。

4. 您會看到一個巨大的包圍所有表達(dá)式的黃色方框，在其頂部顯示了標(biāo)題。此框有一些非常有用的功能。首先，若按住Ctrl鍵并移動此框，就會發(fā)現(xiàn)所有方框之內(nèi)的 表達(dá)式 都隨之移動（當(dāng)然，如果您原意的話仍然可以移動單個表達(dá)式）。放置于注解框內(nèi)的任何表達(dá)式都會隨之一起移動。

圖6.148——選中表達(dá)式現(xiàn)已封閉于注解框中了。

同時您會注意到在注解框的右下角有一個小的黑色三角塊。您可以用它來調(diào)整框的大小，或者囊括更多的表達(dá)式或?qū)⑵渲械哪承┍磉_(dá)式排除在外。

嘗試移動注解框，熟悉其工作方式的。操作完成后，點(diǎn)擊Apply Changes（應(yīng)用更改）按鈕保存對材質(zhì)的改動，然后保存文件包。

小技巧： 另一種保持理順材質(zhì)結(jié)構(gòu)的好方法是為表達(dá)式編寫描述項。所有的材質(zhì)表達(dá)式 都包含一個稱為Desc或Description的屬性，您可以用它來編寫短小的注解，以說明此特別表達(dá)式在網(wǎng)絡(luò)結(jié)構(gòu)中的功能。

圖6.149——當(dāng)在Desc屬性中添加了描述項時，此描述項將出現(xiàn)在于表達(dá)式圖標(biāo)的正上方。

<<<< 指南結(jié)束

正如先前所議，使用當(dāng)前材質(zhì)來檢測任何運(yùn)動都是非常困難的。我們需要在墻上添加某種貼圖，使我們能夠在移動時看到材質(zhì)從旁掠過的景象。我們?nèi)詫⑹褂帽菊轮�前�?chuàng)建的磚墻材質(zhì)中的材質(zhì)來開始學(xué)習(xí)，當(dāng)然此后您可以很容易地用其它貼圖將其替換并獲得各種各樣的酷炫效果。下一指南中，我們準(zhǔn)備將貼圖添加至新材質(zhì)中。

指 南6.13——將貼圖連接至深度混合材質(zhì)

1. 現(xiàn)在我們緊接指南6.12繼續(xù)學(xué)習(xí)，此時已將貼圖添加至深度混合材質(zhì)（Depth Blend material）中了。您可以從當(dāng)前創(chuàng)建的材質(zhì)著手，或者打開配套DVD本章內(nèi)容中包含的指南10-12文件包。操作完畢后，雙擊在指南6.3中制作的 mat_DistColor 材質(zhì)。在材質(zhì)編輯器中打開此材質(zhì)。

2. 我們需要在材質(zhì)內(nèi)部進(jìn)行采樣。按下列步驟進(jìn)行操作：

a. 首先拖曳一個新的貼圖采樣表達(dá)式至材質(zhì)編輯器的表達(dá)式窗口。

圖6.150——新的貼圖采樣表達(dá)式已添加進(jìn)來。

b. 現(xiàn)在我們需要把貼圖與此新建貼圖采樣表達(dá)式關(guān)聯(lián)起來。首先確保在Generic browser中選中貼圖。您可以通過查看貼圖周圍的淡綠色邊框來檢驗是否將其選中。

c. 接下來，在材質(zhì)編輯器中選擇貼圖采樣表達(dá)式，并在材質(zhì)編輯器的Properties（屬性）窗口中點(diǎn)擊Texture Property（貼圖屬性），然后點(diǎn)擊綠色箭頭標(biāo)識的Use Current Selection in Browser（使用瀏覽器中的當(dāng)前選擇）按鈕 ICON 5.4 ，此按鈕位于屬性的右側(cè)�，F(xiàn)在貼圖圖像應(yīng)該出現(xiàn)在貼圖采樣表達(dá)式中了。

圖6.151——已為貼圖采樣表達(dá)式分配了適當(dāng)?shù)馁N圖。

注意： 此時的貼圖比較暗。貼圖采樣表達(dá)式可能呈現(xiàn)出黑色。這很正常。

3. 現(xiàn)在終于可以在材質(zhì)中計算貼圖了。然而，我們需要將貼圖連接至自發(fā)光通道，但是自發(fā)光通道的輸入端已經(jīng)連接至線性插值表達(dá)式了。因為此貼圖只是用以增強(qiáng)混合效果的，我們將把這兩個表達(dá)式相乘。按下述步驟完成此操作：

a. 新建一個乘法表達(dá)式節(jié)點(diǎn)，將線性插值表達(dá)式的輸出端連接至乘法表達(dá)式的A輸入端。

圖6.152——已添加乘法表達(dá)式，并與線性插值表達(dá)式建立了連接。

b. 將貼圖采樣表達(dá)式的RGB（黑色標(biāo)簽）輸出端連接至乘法表達(dá)式的B輸入端。

圖6.153——貼圖采樣表達(dá)式的輸出端同樣連接至乘法表達(dá)式。

c. 將乘法表達(dá)式的輸出連接至材質(zhì)的自發(fā)光通道，替換了先前線性插值表達(dá)式與之進(jìn)行的連接。

圖6.154——再將乘法表達(dá)式連接至自發(fā)光通道。

4. 應(yīng)用更改，然后保存文件包�，F(xiàn)在的貼圖還是非常暗。通過新建一個乘法表達(dá)式，使當(dāng)前輸出值與一個常數(shù)值進(jìn)行相乘以修正此問題：

a. 選擇表達(dá)式窗口中的乘法表達(dá)式，按下Ctrl-C和Ctrl-V對其進(jìn)行復(fù)制粘貼。將新建的乘法表達(dá)式置于先前表達(dá)式的左側(cè)。您可能需要對材質(zhì)表達(dá)式進(jìn)行一些拖動，安排好合適的位置。請不要忘記可以通過移動整體注解框以節(jié)省時間！

圖6.155——復(fù)制先前的乘法表達(dá)式，并重新安排表達(dá)式的位置。

b. 將第一個乘法表達(dá)式的輸出端連接至第二個乘法表達(dá)式的A輸入端。

圖6.156——新建的乘法表達(dá)式將前一乘法表達(dá)式的輸出值作為其輸入值。

c. 現(xiàn)在我們需要一個常數(shù)值以增強(qiáng)磚塊貼圖的效果。從表達(dá)式列表中拖出一個新的常量表達(dá)式，將其放在新建乘法表達(dá)式的右側(cè)，第一個乘法表達(dá)式的正下方。

圖6.157——新建一個常量表達(dá)式，如圖所示進(jìn)行放置。

d. 在新建常量表達(dá)式的屬性中，設(shè)置R值為50。

e. 將常量表達(dá)式的輸出端連接至剛才新建乘法表達(dá)式的B輸入端。

圖6.158——選定的表達(dá)式已封閉于注解框中。

f. 將新建的乘法表達(dá)式連接至材質(zhì)的自發(fā)光通道。

圖6.159——新建乘法表達(dá)式為自發(fā)光通道提供輸入數(shù)據(jù)。

5. 應(yīng)用更改并保存文件包�，F(xiàn)在的磚墻可以發(fā)出亮光啦！但是我們還有一個問題沒有解決；磚塊顯得太小了一點(diǎn)。我們需要貼圖表現(xiàn)得更為大些，也就是說，我們需要減少貼圖在表面上的平鋪次數(shù)。在上面的指南中，我們利用表面屬性（Surface Properties ）窗口來實現(xiàn)貼圖的平鋪功能。現(xiàn)在我們來學(xué)習(xí)如何使用TextureCoordinate（貼圖坐標(biāo)）表達(dá)式來完成此項工作：

a. 使用右擊或表達(dá)式列表新建一個貼圖坐標(biāo)表達(dá)式 ，將其置于貼圖采樣表達(dá)式的右側(cè)。

圖6.160——添加一個新的貼圖坐標(biāo)表達(dá)式。

b. 將貼圖坐標(biāo)表達(dá)式的輸出端連接至貼圖采樣表達(dá)式的UVs輸入。

圖6.161——貼圖坐標(biāo)表達(dá)式已連接至貼圖采樣表達(dá)式的UVs輸入端。

c. 選中貼圖坐標(biāo)表達(dá)式，并在屬性窗口中設(shè)置Tiling（平鋪）屬性為0.3。這將使磚塊顯得更大，因為貼圖的平鋪頻度減小了。

6. 應(yīng)用更改并保存文件包。

圖6.162——現(xiàn)在磚塊由于平鋪值的減小而顯得更大了。

<<<< 指南結(jié)束

現(xiàn)在我們所需要的貼圖已經(jīng)連接至材質(zhì)并進(jìn)行了調(diào)整，但還是存在一個小問題，黑色磚塊貼圖中包含了一定量的顏色信息。因為我們正在使用增強(qiáng)兩種顏色混合強(qiáng)度的貼圖，此顏色信息的存在將產(chǎn)生一個問題，它會使最終的顏色效果產(chǎn)生偏差。不過如果為了創(chuàng)建出自己的材質(zhì)，此顏色差異能夠控制在可以接受的范圍內(nèi)。 我們將向您展示如何通過使用顏色減淡表達(dá)式以解決此問題。同時也會引入一個菲涅爾表達(dá)式，為那些與玩家視角成一定角度的表面增加一種驚悚的陰暗效果。

指 南6.14——減淡貼圖顏色并加入菲涅爾表達(dá)式

1. 繼續(xù)上一指南，或者打開配套DVD本章內(nèi)容中的指南10-14文件包。若還未打開，請雙擊指南6.13中制作的 mat_DistColor 材質(zhì)。在材質(zhì)編輯器中打開此材質(zhì)。

2. 我們將用顏色減淡（Desaturation）表達(dá)式將顏色信息從貼圖中移除。按下列步驟進(jìn)行操作：

a. 新建一個的顏色減淡（Desaturation）。將其放在貼圖采樣表達(dá)式圖標(biāo)的左側(cè)。按照慣例，需要拖動圖標(biāo)重新組織其布局。

圖6.163——添加了一個新的顏色減淡表達(dá)式。

b. 我們要將此顏色減淡表達(dá)式進(jìn)行連接，這將會打斷貼圖采樣表達(dá)式與第一個乘法表達(dá)式（Multiply）的連接。然而，為了避免材質(zhì)報錯，我們要盡可能地保持現(xiàn)有的連接狀態(tài)。

新建一個常量表達(dá)式（Constant），將其輸出端連接至顏色減淡表達(dá)式的Percent（百分率）輸入端。

圖6.164——新建的常量表達(dá)式將數(shù)據(jù)輸送至顏色減淡表達(dá)式的Percent（百分比）輸入端。

c. 將常量表達(dá)式的R值設(shè)置為1，在此情況下相當(dāng)于100%。

圖6.165——貼圖坐標(biāo)表達(dá)式已連接至貼圖采樣表達(dá)式的UVs輸入端。

d. 將貼圖采樣表達(dá)式的RGB輸出端連接至顏色減淡表達(dá)式中未標(biāo)注的輸入端。

e. 最后，將顏色減淡表達(dá)式的輸出端連接至當(dāng)前與貼圖采樣表達(dá)式連接的乘法表達(dá)式節(jié)點(diǎn)的輸入端，替換當(dāng)前的連接。

圖6.166——顏色減淡表達(dá)式最終插入到貼圖采樣表達(dá)式與乘法表達(dá)式連接的中間。

3. 現(xiàn)在您將獲得來自顏色混合系統(tǒng)的所有顏色。不過這些顏色看起來還是有點(diǎn)單調(diào)。現(xiàn)在我們要使用菲涅爾表達(dá)式使得朝向玩家的表面變?yōu)楹谏�，將整個顏色系統(tǒng)變得更為有趣一點(diǎn)。

a. 新建一個菲涅爾表達(dá)式 ，將其放在深度混合注解框的左側(cè)�？赡苄枰�再一次重新調(diào)整表達(dá)式圖標(biāo)的布局。

圖6.167——添加了一個新的菲涅爾表達(dá)式。

b. 根據(jù)表面相對于相機(jī)位的角度，菲涅爾表達(dá)式的輸出值在0到1的范圍之間。直接面對相機(jī)的像素產(chǎn)生數(shù)值0，而與相機(jī)位垂直的像素將產(chǎn)生數(shù)值1。這意味著此處使用一個乘法器是最佳的選擇。

通過拖曳或復(fù)制現(xiàn)有乘法表達(dá)式以新建一個乘法表達(dá)式。此新建乘法表達(dá)式將截斷與材質(zhì)自發(fā)光通道的連接，所以請適當(dāng)調(diào)整表達(dá)式的位置。然而，請不要切斷任何現(xiàn)有連接！

圖6.168——通過拖曳或復(fù)制創(chuàng)建一個乘法表達(dá)式，按圖示放置。

c. 將菲涅爾表達(dá)式的輸出端連接至新建乘法表達(dá)式的A輸入端。

圖6.169——菲涅爾表達(dá)式將數(shù)據(jù)傳輸至新建乘法表達(dá)式的A輸入端。

d. 請認(rèn)真仔細(xì)地閱讀此步驟！將當(dāng)前連接至自發(fā)光通道的乘法表達(dá)式的輸出端連接至新建乘法表達(dá)式的B輸入端。

圖6.170——如圖所示，先前連接至自發(fā)光通道的乘法表達(dá)式現(xiàn)已連接至新建乘法表達(dá)式的B輸入端。

e. 最后，將新建乘法表達(dá)式的輸出端連接至材質(zhì)的自發(fā)光通道。

圖6.171——新建的乘法表達(dá)式最終連接至自發(fā)光通道。

4. 應(yīng)用您的更改。您會注意到，材質(zhì)明顯變暗了，并且隨著相機(jī)鏡頭的移動會投射出一個暗區(qū)。另外，所有正對著玩家的表面也變暗了。

保存您的文件包。

5. 材質(zhì)好象變得太暗了。可以調(diào)整使貼圖變亮的常數(shù)值來解決此問題。在前一指南中，我們的初始設(shè)置值為50�，F(xiàn)在使其乘以一個7左右的因數(shù)，將其加亮到350。這會使可見磚塊再一次發(fā)光。

圖6.172——增加常量值將強(qiáng)化發(fā)光效果。

注意： 您當(dāng)然也可以通過插入一個新的乘法表達(dá)式和新的常量表達(dá)式來實現(xiàn)。但是，這需要更多的計算量，而這些計算我們自己就可以完成！

6. 應(yīng)用您的更改并保存文件包。

<<<< 指南結(jié)束

我們的材質(zhì)確實將要成形了。不過，我們要給它再增加一點(diǎn) “3D”的感覺。同時，我們當(dāng)前使用的是一個具有強(qiáng)烈自發(fā)光通道的無光照材質(zhì)，這意味著簡單的把法線貼圖加到法線通道中將沒有效果，這一點(diǎn)我們很快就會看到。取而代之的是，我們將使用法線貼圖改變菲涅爾表達(dá)式的輸出，使得從大多數(shù)角度觀察，磚塊都能呈現(xiàn)出從墻壁表面突出的逼真感覺。

指 南6.15——為材質(zhì)添加法線貼圖

1. 繼續(xù)上一指南，或者打開配套DVD本章內(nèi)容中包含的指南6-154文件包。若還未打開，請雙擊在指南6.14中制作的 mat_DistColor 材質(zhì)。在材質(zhì)編輯器中打開此材質(zhì)。

2. 我們將為材質(zhì)引入一個法線貼圖。為此，我們需要新建一個貼圖采樣表達(dá)式 。不過，這次我們使用一種不同的方法來創(chuàng)建此表達(dá)式，這種方法能夠避免我們不得不找到選項并且在把貼圖關(guān)聯(lián)上去。

a. 在Generic browser中選擇先前在指南6.5中導(dǎo)入的 wall_stone_blocks_normal 貼圖。

b. 選中貼圖后，新建一個貼圖采樣表達(dá)式 。注意在表達(dá)式創(chuàng)建的同時貼圖已經(jīng)與之關(guān)聯(lián)了。

圖6.173——包含法線貼圖的新建貼圖采樣表達(dá)式出現(xiàn)了。

3. 因為我們已經(jīng)平鋪了初始貼圖，所以還需要進(jìn)行法線貼圖的平鋪。將貼圖坐標(biāo)表達(dá)式的輸出端連接至新建貼圖采樣表達(dá)式的UVs輸入端。

圖6.174——與之前存在的貼圖坐標(biāo)表達(dá)式相連接會產(chǎn)生出與先前平鋪數(shù)量相同的平鋪效果。

4. 作為測試，將法線貼圖貼圖采樣表達(dá)式的RGB輸出端連接至材質(zhì)的法線通道。注意，即使您應(yīng)用了更改動作，還是沒有任何改變。這是因為所有可見的改變都被當(dāng)前使用的強(qiáng)烈自發(fā)光值所覆蓋了。據(jù)此目標(biāo)而言，法線通道是無效的。按住Alt鍵并點(diǎn)擊法線貼圖貼圖采樣表達(dá)式的輸出端以切斷與其的連接。

5. 現(xiàn)在我們將把法線信息傳送到其能發(fā)揮作用的地方。將法線貼圖的RGB輸出端連接至菲涅爾表達(dá)式的法線輸入端。您會發(fā)現(xiàn)現(xiàn)在的材質(zhì)好象具有更大的深度了。這是因為新建法線用以決定像素與相機(jī)鏡頭的對正與否，從而以更細(xì)節(jié)的方式進(jìn)行顏色傳輸。

圖6.175——法線貼圖的數(shù)據(jù)用來改變菲涅爾表達(dá)式的輸出。

6. 應(yīng)用更改并保存您的文件包。

7. 還需最終進(jìn)行一些微調(diào)節(jié)來整理效果：

a. 如果能將效果延伸到更遠(yuǎn)的距離就更好了�？梢酝ㄟ^將包含在深度混合注解框中的常量值從1200設(shè)置為3000以實現(xiàn)此功能。

b. 我們還要擴(kuò)大環(huán)繞玩家周圍的黑色區(qū)域尺寸。通過將菲涅爾表達(dá)式的Exp（指數(shù)）屬性值從默認(rèn)的3設(shè)置為15來完成此項工作。

c. 應(yīng)用更改并保存您的文件包。

圖6.176——最終的材質(zhì)把各種效果組合在一起了。

<<<< 指南結(jié)束

現(xiàn)在的材質(zhì)看起來已經(jīng)比較酷了，而且有種讓人不寒而慄的感覺。不過我們還可以再添加一種很漂亮的效果，即讓發(fā)光表面具有一種獨(dú)特的閃爍感，就好象受到火光影響而發(fā)生的變化一樣。通過引入一個新建貼圖并將其作為最終效果的增效器，我們可以實現(xiàn)此效果。

指 南6.16——為材質(zhì)添加動畫貼圖

在本指南中，我們將向材質(zhì)添加許多不同的東西，因此要非常認(rèn)真地學(xué)習(xí)各個步驟和子步驟！另外，在整個材質(zhì)表達(dá)式區(qū)域中，您需要重新組織 表達(dá)式 圖標(biāo)的位置以騰出空間。相信您能夠獨(dú)立完成這項工作。

1. 繼續(xù)前一指南，或者打開配套DVD本章內(nèi)容中的指南6-16文件包。如果還未打開，請雙擊指南6.15中制作的 mat_DistColor 材質(zhì)。在材質(zhì)編輯器中打開此材質(zhì)。

2. 我們需要引入一個新的貼圖。按照指南6.3中講述的步驟引入包含在DVD中用于本章的tex_FlameSheet 貼圖文件。

完成操作后，新建一個貼圖采樣表達(dá)式，并使之與剛才新建的貼圖關(guān)聯(lián)。

圖6.177——包含tex_FlameSheet貼圖的新建貼圖采樣表達(dá)式已添加進(jìn)來。

小技巧： 由于我們要使貼圖動畫化，所以最好將實時預(yù)覽復(fù)選框激活，它位于圖標(biāo)的右上角。

3. 實際上我們使用此貼圖的三個副本來創(chuàng)建最終效果。通過同時運(yùn)用三種不同的平鋪尺寸以及三種不同的速度值，我們將獲得更具隨機(jī)化外觀的效果。

a. 新建一個平移器表達(dá)式，并將其輸出端連接至新建貼圖采樣的UVs端。 在平移器表達(dá)式中設(shè)置下列屬性：

• SpeedX（X方向速度）: -0.07
• SpeedY（Y方向速度）: 0.09

圖6.178——新建平移器表達(dá)式已連接至FlameSheet貼圖采樣表達(dá)式。

此時貼圖采樣表達(dá)式圖標(biāo)將在向上平移的同時向左移動。

b. 新建一個貼圖坐標(biāo)表達(dá)式 ，將其輸出端連接至平移器表達(dá)式的Coordinate（坐標(biāo)）輸入端。設(shè)置下列貼圖坐標(biāo)表達(dá)式的屬性：

• Tiling（平鋪）: 0.4

這將使貼圖顯得更大。

圖6.179——新建貼圖坐標(biāo)表達(dá)式將改變火焰貼圖的大小。

c. 選中貼圖采樣、平移器以及貼圖坐標(biāo)表達(dá)式圖標(biāo)。按下Ctrl-C和Ctrl-V對其進(jìn)行復(fù)制粘貼。將副本移動至原始圖標(biāo)的正下方，并為每個副本表達(dá)式設(shè)置下列屬性：

• Panner（平移器）:
  • SpeedX（X方向速度）: 0.04
  • SpeedY（Y方向速度）: 0.07

• TextureCoordinate（貼圖坐標(biāo)）:
  • Tiling（平鋪）: 1.2

這將使復(fù)制品變得稍微小一些，且向上移動的同時逐漸左偏。

圖6.180——這里您會看到第一份副本的貼圖采樣、 平移器以及貼圖坐標(biāo)表達(dá)式。

d. 再次按下Ctrl-V復(fù)制出一組新的副本。將其置于前一組的正下方，然后為新建的副本表達(dá)式設(shè)置下列屬性：

• Panner（平移器）:
  • SpeedX（X方向速度）: 0.02
  • SpeedY（Y方向速度）: 0.05

• TextureCoordinate（貼圖坐標(biāo)）:
  • Tiling（平鋪）: 0.08

這將產(chǎn)生一個十分巨大的貼圖副本，在向上移動的同時逐漸偏左。

圖6.181——現(xiàn)在能看到貼圖采樣、平移器和貼圖坐標(biāo)表達(dá)式的三個副本。

4. 現(xiàn)在我們要將所有貼圖組合起來。

a. 引入一個乘法表達(dá)式，將最上方的貼圖采樣表達(dá)式 的輸出端連接至乘法表達(dá)式的A輸入端。

b. 將第二排的貼圖采樣表達(dá)式的輸出端連接至乘法表達(dá)式的B輸入端。

圖6.182——乘法表達(dá)式用來組合前兩排貼圖的數(shù)據(jù)。

c. 新建一個的乘法表達(dá)式，將先前的乘法表達(dá)式的輸出端連接至新建乘法表達(dá)式的A輸入端。然后將最后一排貼圖采樣表達(dá)式的輸出端連接至新建乘法表達(dá)式的B輸入端。

圖6.183——第二個乘法表達(dá)式接收第三個貼圖拷貝的數(shù)據(jù)。

5. 接下來，我們將增強(qiáng)組合后的整體效果，然后將其最終效果連接至材質(zhì)。

a. 新建一個乘法表達(dá)式，將先前的乘法表達(dá)式的輸出端連接至B輸入端。

圖6.184——新建的乘法表達(dá)式將用作增強(qiáng)系統(tǒng)的基礎(chǔ)。

b. 新建一個常量表達(dá)式，將其R屬性設(shè)置為10，并將其連接至乘法表達(dá)式的A輸入端。

圖6.185——我們將使用數(shù)值為10的常量為新建乘法表達(dá)式傳遞數(shù)據(jù)。

c. 再來創(chuàng)建一個乘法表達(dá)式，并將其A輸入端連接至當(dāng)前連接至材質(zhì)自發(fā)光通道的乘法表達(dá)式的輸出端（在此我們確實使用了反向連接）。

圖6.186——新建的乘法表達(dá)式能夠?qū)⑽覀円褎?chuàng)建且已將顏色值輸入至材質(zhì)中的貼圖與當(dāng)前的動畫貼圖組合起來。

d. 將新建乘法表達(dá)式的B輸入端連接至組合三個火焰貼圖的乘法表達(dá)式的輸出端。

e. 將此最終乘法表達(dá)式連接至自發(fā)光通道，覆蓋原有連接。

圖6.187——這就是表達(dá)式的最終外觀。

6. 應(yīng)用更改并保存您的文件包。

<<<< 指南結(jié)束

由于對三個貼圖進(jìn)行了組全，大家的材質(zhì)好象可以發(fā)出微光了。當(dāng)然，您可以添加任意多的表達(dá)式副本并在任意方向上移動以創(chuàng)造出更復(fù)雜的效果。您甚至可以在其中加入一些旋轉(zhuǎn)器表達(dá)式來改變運(yùn)動的性質(zhì)。

我們要為材質(zhì)添加的最后一種效果是以極其緩慢的速度發(fā)生微妙顏色變化的效果，這樣會使走廊看起來有一種難以言喻的生動感。

指 南6.17——為材質(zhì)添加基于時間的混合

1. 繼續(xù)前一指南，或者打開配套DVD本章內(nèi)容中的指南10-17文件包。若還未打開，請雙擊在指南6.16中制作的 mat_DistColor 材質(zhì)。在材質(zhì)編輯器中打開此材質(zhì)。

2. 跳至本章之前所創(chuàng)建的Depth Blender（深度混合）注解框。首先使用注解框右下角的小三角形向右擴(kuò)展，以留出足夠的空間來添加表達(dá)式。

圖6.188——拉大注解框為更多的表達(dá)式提供空間。

3. 我們需要建立一個系統(tǒng)，借以混合兩種顏色。按下列步驟進(jìn)行：

a. 選中顏色混合（Color Blend）注解框中的線性插值（LinerInpterpolate）表達(dá)式 ，連同選中用于基于深度的混合的橙色向量參數(shù)表達(dá)式。復(fù)制這兩個表達(dá)式（按下Ctrl-C、Ctrl-V），向右移動副本至注解框內(nèi)的空白區(qū)域內(nèi)。

圖6.189——線性插值表達(dá)式與橙色向量參數(shù)表達(dá)式已復(fù)制完畢。

b. 僅選中向量參數(shù)表達(dá)式并對其進(jìn)行復(fù)制。將表達(dá)式副本的DefaultValue（默認(rèn)顏色值）屬性更改為一種新的顏色。由于其最初的顏色是橙色，我們在此選擇一種深橙紅色。將此新建向量參數(shù)表達(dá)式的輸出端連接至新建的線性插值表達(dá)式的B輸入端。

圖6.190——初始的向量參數(shù)表達(dá)式已復(fù)制完畢并賦予了一種新的顏色。

4. 現(xiàn)在我們需要建立基于時間的系統(tǒng)，來混合兩種顏色。這種混合非常緩慢，周期為20秒。

a. 創(chuàng)建下列所示的表達(dá)式：

• Time（計時表達(dá)式）
• Constant（常量表達(dá)式）
• Multiply（乘法表達(dá)式）
• Sine（正弦表達(dá)式 ）

圖6.191——如圖所示創(chuàng)建上述四個表達(dá)式。

b. 將常量值設(shè)為0.05，并將其輸出端連接至乘法表達(dá)式 的A輸入端。

圖6.192——常量表達(dá)式已連接至乘法表達(dá)式的A輸入端。

c. 將計時表達(dá)式的輸出端連接至乘法表達(dá)式的B輸入端。

圖6.193——計時表達(dá)式也已連接至乘法表達(dá)式。由于我們把時間與0.05相乘，現(xiàn)在的計時表達(dá)式中的一秒相當(dāng)于20秒。

d. 將乘法表達(dá)式的輸出端連接至正弦表達(dá)式的輸入端。

圖6.194——乘法表達(dá)式節(jié)點(diǎn)將為正弦表達(dá)式提供數(shù)據(jù)。

e. 將正弦表達(dá)式的輸出端連接至本指南步驟2中新建的線性插值表達(dá)式的Alpha端。

圖6.195——我們新建的正弦表達(dá)式系統(tǒng)將混合兩種新建顏色。

5. 現(xiàn)在您只需要替換當(dāng)前操縱顏色值的向量參數(shù)表達(dá)式。

a. 回想起為深度混合提供顏色值的向量參數(shù)表達(dá)式嗎？選中并將其刪除。

圖6.196——移除本來在深度混合系統(tǒng)中提供黑色值的向量參數(shù)表達(dá)式。

注意： 此操作將會暫時破壞材質(zhì)結(jié)構(gòu)，彈出一條錯誤信息。我們將在下一步驟中解決此問題。

b. 將新建的線性插值表達(dá)式的輸出端連接至原先的線性插值表達(dá)式的A輸入端。

圖6.197——用新建的線性插值表達(dá)式代替原來的向量參數(shù)表達(dá)式。

6. 應(yīng)用更改并保存您的文件包。

圖6.198——材質(zhì)最終將在所選擇的兩種顏色之間緩慢過渡。

好了，我們把UDK材質(zhì)簡介方面的教程就全部講完了！我們還會發(fā)其他方面的教程，歡迎學(xué)習(xí)！