在5月18日的Qualcomm驍龍游戲和圖形開(kāi)發(fā)者研討會(huì)上，Qualcomm資深工程師張濤就移動(dòng)平臺(tái)上如何創(chuàng)建高級(jí)3D特效進(jìn)行了分享。從卡通渲染、皮膚、衣服、毛皮、景深到隨深度衰減的霧、上帝之光以及復(fù)古色等，深度講授繪制各種材質(zhì)的方法。

卡通渲染

卡通渲染是一類(lèi)使圖像具有手繪圖風(fēng)格的技術(shù)，換句話說(shuō)，這種技術(shù)可以將渲染圖像“卡通化”。與傳統(tǒng)的真實(shí)感渲染技術(shù)不同，卡通渲染的光照計(jì)算結(jié)果被有意離散化，它們被映射到離散的色調(diào)中，并且通過(guò)突出模型邊緣來(lái)產(chǎn)生“勾邊”的效果。

實(shí)現(xiàn)

卡通渲染類(lèi)似手繪圖，它的風(fēng)格看起來(lái)非常簡(jiǎn)潔，但算法實(shí)現(xiàn)卻比較復(fù)雜，需要經(jīng)過(guò)多步渲染才能得到最終結(jié)果。具體步驟如下：

• 第一步：得到平坦化、條帶狀的圖像。這是通過(guò)把光照計(jì)算的結(jié)果當(dāng)成紋理坐標(biāo)，用于索引一張顏色坡度紋理得到的。光照計(jì)算可以采用任意的光照模型。
• 第二步：渲染法向圖。場(chǎng)景模型的法向被渲染到一個(gè)臨時(shí)的離屏render target上，這個(gè)法向圖只是用來(lái)做邊緣檢測(cè)，并不會(huì)對(duì)最終結(jié)果產(chǎn)生直接影響。
• 第三步：對(duì)法向圖進(jìn)行邊緣檢測(cè)，并將其結(jié)果與第一步的圖像混合得到最終結(jié)果。

皮膚

皮膚渲染是實(shí)時(shí)計(jì)算機(jī)圖形學(xué)的難題之一，一方面，這是因?yàn)槠つw光照的復(fù)雜性，另一方面，觀察者對(duì)皮膚太熟悉了，一旦結(jié)果看起來(lái)“不像”，他們就很難接受。關(guān)于皮膚的光照模型有幾個(gè)，比如Hanrahan和Krueger在1993年的Siggraph上首次將皮膚進(jìn)行分層模擬計(jì)算光照反射。他們的方法看起來(lái)非常逼真，但是每個(gè)光照計(jì)算需要100個(gè)指令，這對(duì)于實(shí)時(shí)的要求來(lái)說(shuō)太昂貴。

張濤在實(shí)例中展示了一個(gè)經(jīng)過(guò)優(yōu)化過(guò)的皮膚渲染算法，它可以運(yùn)行在移動(dòng)設(shè)備上。這個(gè)技術(shù)通過(guò)在陰影區(qū)域的漫反射中加入暖色調(diào)來(lái)逼近次表面散射。并在漫反射計(jì)算中加入Minnaert光照項(xiàng)，能得皮膚看起來(lái)柔嫩，最后，通過(guò)加入鏡面高光使皮膚看起來(lái)富有光澤。

實(shí)現(xiàn)

該實(shí)現(xiàn)的光照方程如下：

Final color = Ambient color+ Minnaertdiffuse color+ Subsurface scattering color+ Specular highlights

除了傳統(tǒng)的輻射反射，Minnaert光照模型還記錄了從皮膚反射的光輻射度，因此它被用來(lái)模擬皮膚的漫反射。它比別的光照模型看起來(lái)更柔軟，而且它還可以關(guān)閉自陰影，從而讓藝術(shù)家可以控制皮膚的“粗糙度”。

// General Minnaertformula:
// Result = Color * (cos(NL)^k * cos(VN)^(1-k))
floatA = saturate( pow( max( 0.02, NL ), g_MinnaertExponent) );
floatB = saturate( pow( VN, 1.0-g_MinnaertExponent) );
gl_FragColor.rgb+= Color.rgb* ( A * B );

衣服

衣服無(wú)處不在，通常人體90%的部分被衣服覆蓋，因此想要?jiǎng)?chuàng)建逼真的人物模型的話，一個(gè)好的衣服著色器是必不可少的。需要注意的是，即便是最普通衣服上的一塊布料也有著大量的凸起、褶皺和變形扭曲。衣服可以看起來(lái)是柔軟的，也可以看起來(lái)像閃亮的絲絨。

馬塞爾Minnaert在1941年提出一種各向異性光照模型，這個(gè)模型至今在現(xiàn)代計(jì)算機(jī)圖形學(xué)的衣服渲染中仍被廣泛使用。Minnaert渲染使用雙向反射分布函數(shù)生成該各向異性光照函數(shù)。與其它的光照模型不同，該模型通過(guò)考慮視角來(lái)計(jì)算衣服模型的粗糙度，因此在光線和觀察方向匯聚的時(shí)候漫反射顏色不會(huì)過(guò)飽和，另一方面，從接近模型平行的角度看去的話模型會(huì)顯得較黑，看起來(lái)有絲絨的感覺(jué)。

實(shí)現(xiàn)

實(shí)例演示中的著色器使用了一個(gè)經(jīng)過(guò)修改的Minnaert公式，從而可以得到出高光區(qū)域和陰影區(qū)域光滑過(guò)渡的效果。

// General Minnaertformula:
// Result = Color * (cos(NL)^k * cos(VN)^(1-k))
// float A = saturate( pow( NL, g_Minnaert) );
// float B = saturate( pow( VN, 1.0 -g_Minnaert) );
// float Diffuse = ( A * B );
// Enhanced Minnaert:
floatDiffuse = NL * pow( max( NL * VN, 0.1), 1.0-g_Minnaert);

在兩個(gè)公式中，如果g_Minnaert為1.0，這個(gè)方程就是標(biāo)準(zhǔn)的Lambertian模型。隨著Minnaert指數(shù)的變化，邊緣的顏色會(huì)隨之變深。

這個(gè)經(jīng)過(guò)修改的公式更好的模擬了像衣服一樣的模型表面，因?yàn)樗テ搅四Ｐ偷挠策叀Ｔ谝话愕腗innaert方程中，硬邊在Minnaert參數(shù)較小的情況下會(huì)出現(xiàn)在NL == 0的地方。這對(duì)某些視角或者在有諸如次表面散射等其它光照項(xiàng)存在的情況下很有用，它強(qiáng)化了這種自然過(guò)渡的感覺(jué)。

毛皮

渲染個(gè)人的頭發(fā)非常耗時(shí)，因此毛皮著色器只能使用逼近的方法。做到這一點(diǎn)的一種方法是在越來(lái)越大的同心卷中多次渲染一個(gè)表面，并且同時(shí)漸縮圖像的細(xì)節(jié)（創(chuàng)建毛發(fā)越靠近端部越稀疏的感覺(jué)），這種技術(shù)被稱(chēng)為“脫殼”或“殼紋理”。

實(shí)現(xiàn)

這個(gè)示例程序的著色器使用shell技術(shù)來(lái)近似模擬皮毛，頭發(fā)長(zhǎng)度可以實(shí)時(shí)調(diào)節(jié)。

算法如下：

1. 打開(kāi)alpha混合，渲染物體N次；
2. 在每一次渲染物體的時(shí)候，通過(guò)頂點(diǎn)著色器將模型變大一點(diǎn)；
3. 同時(shí)在每一次渲染的時(shí)候?qū)㈩^發(fā)的顏色調(diào)深一點(diǎn)。

頭發(fā)密度通過(guò)漫反射紋理的alpha通道控制，斑點(diǎn)圖通常最為有效，它有助于將“胖”像素（大于一個(gè)紋素）在皮毛上逐步變小。如果密度圖的像素太小，毛發(fā)看起來(lái)像圓柱體而不是錐體，這樣在毛發(fā)末梢就會(huì)顯得不夠柔軟。

該細(xì)化算法減掉從密度圖中取出的值，而不是乘以它們進(jìn)行縮放，這看起來(lái)像是在毛發(fā)末梢“雕刻出”小細(xì)節(jié)。毛皮的絨毛感正是通過(guò)這種變薄的過(guò)程獲得。

gl_FragColor= vec4( Color.rgb* NL, saturate( Color.w-g_FurThinning);

景深

景深出現(xiàn)在圖像中可以清晰顯示場(chǎng)景的部分，這是因?yàn)橥哥R只能聚焦在某一個(gè)距離。在透鏡每一側(cè)的焦距處，隨著距離增加清晰度逐步降低，這是與針孔鏡頭不同的。針孔鏡頭只讓一條光線通過(guò)，因此圖像是非常清晰的，在很長(zhǎng)的一段時(shí)間里，計(jì)算機(jī)生成的圖像看起來(lái)就是這種感覺(jué)，現(xiàn)在可以通過(guò)模擬諸如景深這樣的透鏡效果來(lái)達(dá)到更逼真的感覺(jué)。

實(shí)現(xiàn)

張濤表示，有幾個(gè)不同的方法來(lái)實(shí)時(shí)達(dá)到景深效果。Qualcomm使用的技術(shù)是通過(guò)深度緩沖來(lái)區(qū)分清晰的圖像和經(jīng)過(guò)模糊的圖像，并將它們混合達(dá)到最終效果。這種技術(shù)具有非常高效的優(yōu)點(diǎn)，這是因?yàn)槟：\(yùn)算的開(kāi)銷(xiāo)是固定的，而且還可以通過(guò)使用四分之一屏幕的尺寸的render target進(jìn)行加速。

具體步驟如下：

1. 將整個(gè)場(chǎng)景渲染到一個(gè)離屏render target；
2. 選取一個(gè)小的render target，對(duì)第一步的渲染結(jié)果進(jìn)行模糊處理；
3. 利用深度緩沖，將模糊圖像和清晰圖像融合得到最終結(jié)果。

隨深度衰減的霧

霧是當(dāng)云接近地面，能見(jiàn)度下降時(shí)發(fā)生的自然現(xiàn)象。能見(jiàn)度的衰減程度正比于觀察者到物體的距離，這種衰減效應(yīng)并不是只在有霧的情況下才有。即使在晴朗的天氣下，遠(yuǎn)處的物體也會(huì)呈現(xiàn)衰減，一個(gè)典型的例子是地平線上的山脈，雖然空氣非常干凈，但它其中仍然含有顆粒物，而光只有在真空中才不會(huì)衰減。

實(shí)現(xiàn)

與景深類(lèi)似，這種特效依賴(lài)于從深度緩沖區(qū)中重建深度值。開(kāi)發(fā)者并不需要通過(guò)變換矩陣的逆矩陣來(lái)得到變換之前的完整坐標(biāo)，只需要它的深度值。通過(guò)深度緩存的值來(lái)計(jì)算世界坐標(biāo)系里深度值的公式如下：

World Depth = (-Zn * Q) / (DepthVal-Q)

Q = Zf/ (Zf-Zn)

其中，DepthVal是深度緩沖區(qū)的值，Zn是近平面距離，Zf是遠(yuǎn)平面距離。

上帝之光

“上帝之光”是光線經(jīng)過(guò)空氣中的顆粒物散射而成的。它們?cè)谌粘龊腿章洌酱ê驮茖硬糠终趽跆?yáng)光的時(shí)候最常見(jiàn)，也可以通過(guò)人工燈光在朦朧混沌的環(huán)境中生成。散射光的計(jì)算非常復(fù)雜，但它也可以通過(guò)把光線按某種模式進(jìn)行拉伸來(lái)近似模擬。這些模式可以通過(guò)深度緩沖區(qū)和一些關(guān)鍵信息產(chǎn)生，光線可以通過(guò)按照遠(yuǎn)離光源的方向?qū)ο鄳?yīng)模式進(jìn)行模糊處理來(lái)創(chuàng)建。

實(shí)現(xiàn)

這是一種基于屏幕空間創(chuàng)建“上帝之光”的技術(shù)，它只需要訪問(wèn)深度緩沖區(qū)和一些臨時(shí)render target進(jìn)行處理。

首先，將場(chǎng)景渲染到一個(gè)離屏render target，這個(gè)render target的深度緩沖區(qū)在下一階段中被當(dāng)做sampler（GLSL中的紋理采樣對(duì)象）來(lái)生成遮擋物體形狀。接下來(lái)縮小得到的圖像并進(jìn)行模糊處理，然后把像素按照光源進(jìn)行radical blur（徑向模糊）處理。

復(fù)古色

復(fù)古色是一種色彩空間，它用來(lái)給圖像一種陳舊或古老的感覺(jué)。為了達(dá)到好的復(fù)古色效果，Qualcomm使用了1953年用來(lái)編碼NTSC視頻的YIQ色彩空間，這需要對(duì)RGB和YIQ顏色空間進(jìn)行相互轉(zhuǎn)化。

實(shí)現(xiàn)

可以通過(guò)下面的GLSL代碼將RGB變換成Y：

vec3IntensityConverter= vec3(0.299, 0.587, 0.114);
floatY = dot(IntensityConverter, Color.xyz);

通過(guò)下面的代碼變換回RGB：

vec4sepiaConvert= vec4(0.191, -0.054, -0.221, 0.0);
gl_FragColor= Y + sepiaConvert;

更多Qualcomm Snapdragon游戲和圖形開(kāi)發(fā)研討會(huì)資料，請(qǐng)點(diǎn)擊這里。

更多Qualcomm開(kāi)發(fā)內(nèi)容請(qǐng)?jiān)斠?jiàn)：Qualcomm開(kāi)發(fā)者社區(qū)。