前往
大廳
主題

[自動混亂] 視覺設計 3-著色器與它們的產地

DK | 2022-12-18 18:40:01 | 巴幣 3016 | 人氣 633

上兩篇都處理了大方向的視覺設計討論,這篇就來精細說明某一些著色器的具體實作。

但首先我們來提一下這個:

總之嗯,這東西呃。不是倒影。
他只是一個往下長的版本,然後畫在所有東西上面:
比起純粹的精細度,玩家對於光影表現更加敏感,會大幅增加體感品質。實際上我確實也可以用其他方式嘗試正確顯示出倒影,但是都比不上直接塞兩張紙卡在底下來得簡單有效。

這個把戲早在《潛龍諜影 2》就已經被使用,他們直接延伸場景到地底下:
也因此可以在不存在光線追蹤能力的硬體上,產生看起來很高品質的倒影。因為實際上就是底下直接放一個東西 XDDDDD

總之雖然很好笑,但看起來體感品質就莫名其妙提升了。
真正的樣貌,障礙物看不出來在空間中的深度、相對位置
加入了假造的倒影後,就突然變得很厲害,也解決了空間感的問題


那我們接下來流水帳,首先一圖流展示遊戲裡面有什麼重要的著色器視覺表現:
所有重要的著色器都在這了,自己找吧(誤

建築物
之前早在東京都專案登場過的建築物著色器,自然而然很適合被沿用過來當裝飾品使用。
基本原理就是在建築物上產生方格,根據物件的世界位置做隨機判定,決定窗戶顏色、色溫傾向、亮度等等。
實作方式有點瘋狂,大概不是全世界最好的做法,而且當時使用 Shader Graph 製作所以完全是蜘蛛網:

有興趣的話我之前有公布過一次舊版。其實功能組反而比我現在使用的還要豐富,只是可能沒辦法直接延用到新版 Unity,要自行克服一下繁雜的移植工程。

流動光點
基本上就是隨時間流動的 Voronoi,搭配之前東京都專案的視角自動對應顏色判定製作而成。
雖然實作上很簡陋,但因為景深會解決一切的問題所以就算了。

體積雲霧
非常土炮的體積雲霧,基本上直接放一個倒置的 Fresnel,接著吃一個立體雜訊去扭曲邊緣,然後就當作我搞定了。
實際的配置是直接使用粒子系統打出大量的 Sphere Mesh 然後配上這個著色器的材質使用。
實務上為了搭配景深使用,刻意做成了一個從側面看起來會很醜的版本,但加上景深之後細節就恰到好處。
這個設定值側拍長起來超醜,但一過景深就會看起來很漂亮

地板
其實沒什麼好提的,基本上就是根據世界位置去採樣一個 Gradient Noise,然後用某種形式去製造動態。
例如最上面的地板動態是這樣製作的:

就這樣水了一篇,好耶!(不是

創作回應

Karze
超級有料一點都不水
2022-12-19 09:58:50

相關創作

更多創作