回到文章清單
20/09/16開發幕後

「百轉弧光」的幕後功臣——設計師、工程師與技術揭密

分享:

大家好,我是《特戰英豪》內容支援團隊的軟體工程師Brandon Wang。今天,我要和武器設計師Chris Stone一起帶各位看看新武器造型「百轉弧光」的開發過程,以及工程師和設計師如何攜手合作,為玩家帶來令人印象深刻的精彩內容。

百轉弧光是一個全新挑戰。我們已成功推出了至尊龍燄和紫金狂潮等造型,但對於那些喜歡奇巧的武器造型,卻又同時喜歡獨特幾何與一些精細視覺特效的玩家,我們卻還沒有做過類似的設計嘗試。在有了概念圖後,內容支援團隊便進行測試,看玩家是否喜歡此設計——幸好他們很愛!或許是因為這種奇形怪狀的抽象造型不同於一般FPS遊戲常見的設計吧。給大家看看吧:

Spline_Concept_1920x1080_V1.jpg

要讓那些球體「活過來」本身就是個特殊的挑戰,因為單靠視覺特效並不能達到我們想追求的深度。如果球體只是單純發光,那測試時獲得熱烈迴響的概念幻想就會直接破滅。

因此,內容支援團隊和尊爵內容設計團隊攜手合作,讓概念設計得以化為現實。在工程師的幫助下,我們的設計師測試了超棒的遊戲內著色器,不只創造了百轉弧光球體著色器,還有各位在《特戰英豪》看到的其他著色器。

當美術遇上工程

在《特戰英豪》開發早期,我(Brandon)為了改良著色器(遊戲圖像背後的程式)和協助設計師實現美術風格,進行了許多基礎工作。

當我們確立美術風格,且遊戲效能在GPU方面表現良好時,我便跳出來協助其他有特殊需求的團隊,發揮我的專業:轉譯與材料工程。

unnamed.gif

其中一個我參與開發的素材就是聖祈的靈球。我們想為聖祈設計一個類似寶石的能量來源,所以我用視差製作了一個原型,讓靈球看起來有一個會在內部流動、漂浮的渾沌核心。

orb_concept.giforb_final.gif

(左:我的原型;右:完成版)

視覺特效設計師以原型及其原理為基礎,調整了外觀,再加上自己的設計,就完成了各位在遊戲內看到的最終版本。

我特別在武器造型加入了一點有趣的技術。稜鏡、雪崩和百變星雲原本都是在基本款武器模組上進行的測試和原型,目的是為了看看像聖祈靈球的特殊效果能不能也做出讓人眼睛為之一亮的武器造型。

但僅僅如此並不足以產生有趣的效果——我們必須做出讓設計師能夠調整的造型,因此我們在稜鏡上使用了色彩梯度來調整效果和顏色。

雪崩起初是各種不同效果的大雜燴,目的是製造出像喜馬拉雅鹽燈那樣的粉紅色造型(這靈感來自於《特戰英豪》公關經理桌上的擺飾燈)。結果看起來不太對,但設計師發現了藍色版本,便以此為方向,發展成玩家現在看到的造型。

unnamed_(1).png
unnamed_(2).png

[Original Avalanche prototypes]


Avalanche_Asset.jpg

百變星雲最初的概念只是「異界之門」,但我們在工程方面費了不少功夫,才將紋理材質減少到就算使用低配電腦進行遊戲,最低效能仍可以負擔的程度(這些限制是為了讓玩家在使用華麗造型時,遊戲也能快速運行)。

我們最後利用立方體展開圖的一面,拿來進行水平鋪設以求毫無縫隙,最後加上「細節」紋理。不幸的是,有些玩家看了這個版本會頭暈,而我們不希望有任何鍵盤慘遭荼毒。所以我們的設計師進一步推展幻想,調整效果以避免玩家暈眩噁心的狀況。之後我們又請《特戰英豪》開發團隊中容易在生活中跟遊戲中頭暈的人員,來幫我們進行了多幾輪的遊戲測試。

early_nebula.jpg


這些工程原型距離能生產的造型還很遙遠,因此所有原型都成為了設計師製作造型時能選擇的工具。稜鏡、雪崩和百變星雲直接構成了各自造型的主要部分,但百轉弧光則結合了聖祈靈球背後的技術,才得以形成完整的造型。說到聖祈的靈球,我記——等等,別拿走我的鍵盤,那是我自己組裝的,是我的鍵——

——工程與美術的邂逅

嘿,我是Chris,該我上場了。噢,這鍵盤真讚,這個手感……

上面提到的原版聖祈著色器很棒,這是無庸置疑的,但並不符合原始設計對百轉弧光球體的幻想。我聯絡了Bwang(就是Brandon),請他稍微說明聖祈著色器的背後原理。在他解釋著色器網路在遊戲引擎的設置方式之後,我這邊就能進行一些微調,以更符合我們對武器造型的設計目標。

調整過後,我開始使用以節點為架構的材質製作軟體「Substance Designer」,研究更能符合概念球體造型的新材質,同時也注意效能和著色器的限制(好讓遊戲能快速運行)。

以下摘錄創造新材質的過程。最後,我們以聖祈靈球為發想,創造了更抽象的元素,以符合百轉弧光的設計幻想。

cstone_spline_sagecompare_02.gif

另外,再來快速提一下我們和內容支援團隊的另一項合作成果:稜鏡造型使用的自訂著色器。經過Bwang的幾次解說後,我們成功新增了可以調整球體色彩變幻效果的自訂控制。

給大家看看吧:

Prism_Asset.jpg

敬請期待未來的合作內容

以上只是幾個例子,說明尊爵內容設計團隊和內容支援團隊如何密切合作、開發全新著色器,讓《特戰英豪》的玩家能使用各種獨特造型。

Spline_Collection.jpg

由於我們還有其他例行任務,不是所有造型都會經歷此過程,但我們總是很期待能為大家製作出新的著色器。希望這能展現跨團隊合作的力量,以及雙方為同一件事投入心力時,能產生多麼棒的結果。

當我們試著思考什麼會激發玩家的興趣時,就有了共同的目標。設計師和工程師合作無間,也會持續發現新的工作模式!

我們等你

相關內容