《VALORANT》:百轉弧光誕生歷程
百轉弧光是一個全新挑戰。我們已成功推出了至尊龍焰和紫金狂潮等造型,但對於那些喜歡奇巧的武器造型,卻又同時喜歡獨特幾何與一些精細視覺特效的玩家,我們卻還沒有做過類似的設計嘗試。在有了概念圖後,內容支援團隊便進行測試,看玩家是否喜歡此設計——幸好他們很愛!或許是因為這種奇形怪狀的抽象造型不同於一般FPS遊戲常見的設計吧。給大家看看吧:
要讓那些球體「活過來」本身就是個特殊的挑戰,因為單靠視覺特效並不能達到我們想追求的深度。如果球體只是單純發光,那測試時獲得熱烈迴響的概念幻想就會直接破滅。
因此,內容支援團隊和內容設計團隊攜手合作,讓概念設計得以化為現實。在工程師的幫助下,我們的設計師測試了超棒的遊戲內著色器,不只創造了百轉弧光球體著色器,還有各位在《VALORANT》看到的其他著色器。
當美術遇上程勳
在《VALORANT》開發早期,我(Brandon)為了改良著色器(遊戲影像背後的程式)和協助設計師實現美術風格,進行了許多基礎工作。
當我們確立美術風格,且遊戲效能在GPU方面表現良好時,我便跳出來協助其他有特殊需求的團隊,發揮我的專業:轉譯與材料工程。
其中一個我參與開發的素材就是聖祈的靈球。我們想為聖祈設計一個類似寶石的能量來源,所以我用視差製作了一個原型,讓靈球看起來有一個會在內部流動、漂浮的渾沌核心。
(左:我的原型;右:完成版)
視覺特效設計師以原型及其原理為基礎,調整了外觀,再加上自己的設計,就完成了各位在遊戲內看到的最終版本。
我特別在武器造型加入了一點有趣的技術。稜鏡、雪崩和百變星雲原本都是在基本款武器模組上進行的測試和原型,目的是為了看看像聖祈靈球的特殊效果能不能也做出讓人眼睛為之一亮的武器造型。
但僅僅如此並不足以產生有趣的效果——我們必須做出讓設計師能夠調整的造型,因此我們在稜鏡上使用了色彩梯度來調整效果和顏色。
雪崩起初是各種不同效果的大雜燴,目的是製造出像喜馬拉雅鹽燈那樣的粉紅色造型(這靈感來自於《VALORANT》公關經理桌上的擺飾燈)。結果看起來不太對,但設計師發現了藍色版本,便以此為方向,發展成玩家現在看到的造型。
百變星雲最初的概念只是「異界之門」,但我們在工程方面費了不少功夫,才將紋理材質減少到就算使用低配電腦進行遊戲,最低效能仍可以負擔的程度(這些限制是為了讓玩家在使用華麗造型時,遊戲也能快速執行)。
我們最後利用立方體展開圖的一面,拿來進行水平鋪設以求毫無縫隙,最後加上「細節」紋理。不幸的是,有些玩家看了這個版本會頭暈,而我們不希望有任何鍵盤慘遭荼毒。所以我們的設計師進一步推展幻想,調整效果以避免玩家暈眩噁心的狀況。之後我們又請《VALORANT》開發團隊中容易在生活中跟遊戲中頭暈的人員,來幫我們進行了多幾輪的遊戲測試。
這些工程原型距離能生產的造型還很遙遠,因此所有原型都成為了設計師製作造型時能選擇的工具。稜鏡、雪崩和百變星雲直接構成了各自造型的主要部分,但百轉弧光則結合了聖祈靈球背後的技術,才得以形成完整的造型。說到聖祈的靈球,我記——等等,別拿走我的鍵盤,那是我自己組裝的,是我的鍵——
——程式與美術的邂逅
嘿,我是Chris,該我上場了。噢,這鍵盤真贊,這個手感……
上面提到的原版聖祈著色器很棒,這是無庸置疑的,但並不符合原始設計對百轉弧光球體的幻想。我聯絡了Bwang(就是Brandon),請他稍微說明聖祈著色器的背後原理。在他解釋著色器網路在遊戲引擎的設定方式之後,我這邊就能進行一些微調,以更符合我們對武器造型的設計目標。
調整過後,我開始使用以節點為架構的材質製作軟體「Substance Designer」,研究更能符合概念球體造型的新材質,同時也注意效能和著色器的限制(好讓遊戲能快速執行)。
以下摘錄創造新材質的過程。最後,我們以聖祈靈球為發想,創造了更抽象的元素,以符合百轉弧光的設計幻想。
另外,再來快速提一下我們和內容支援團隊的另一項合作成果:稜鏡造型使用的自訂著色器。經過Bwang的幾次解說後,我們成功新增了可以調整球體色彩變幻效果的自訂控制。
給大家看看吧:
敬請期待未來的合作內容
以上只是幾個例子,說明內容設計團隊和內容支援團隊如何密切合作、開發全新著色器,讓《VALORANT》的玩家能使用各種獨特造型。
由於我們還有其他例行任務,不是所有造型都會經歷此過程,但我們總是很期待能為大家制作出新的著色器。希望這能展現跨團隊合作的力量,以及雙方為同一件事投入心力時,能產生多麼棒的結果。
當我們試著思考什麼會激發玩家的興趣時,就有了共同的目標。設計師和工程師合作無間,也會持續發現新的工作模式!
來源:拳頭遊戲
地址:https://playvalorant.com/zh-tw/news/dev/b-i-zhu-n-huguang-muhou-yuanxun-shejishi-g-ngcheng-shi-y-jishu-jie-mi/
相關文章
- 《VALORANT》: 雙塔迷城的誕生
- xxfpmW 的誕生過程
- TGDC | VALORANT的誕生之路——與玩家一起,為玩家創造
- 15人歷時3個月打造,全球首位數字航天員誕生歷程揭祕!
- TiDB在轉轉公司的發展歷程TiDB
- PathToGo 誕生記Go
- 各種ID轉化之心路歷程
- GIS轉碼的秋招歷程與踩坑經歷
- 比特幣的誕生比特幣
- 50強誕生!2021 OceanBase 資料庫大賽百所高校爭霸!資料庫
- Apache SeaTunnel社群首位學生Committer誕生!ApacheMIT
- 《Florence》是如何誕生的?
- php轉go的一些學習歷程PHPGo
- Arch Linux誕生20年了Linux
- 程式的誕生到滅亡
- 一條曲線的誕生
- 《毀滅戰士》的誕生
- 手遊廣告誕生記
- JavaScript是怎麼誕生的JavaScript
- flutter 入門 - flutter的誕生Flutter
- Git 系列之「Git 的誕生」Git
- 如何實現自己的任務排程系統?--開源軟體誕生18
- 設計師談Google Logo誕生全過程,西邊人西說測試Go
- 一個執行緒,從“生”到“死”經歷的過程執行緒
- 程式的一生:從源程式到程式的辛苦歷程
- e成科技BEI Bot誕生記
- 爐石完美卡牌的誕生
- 漫畫 | 揭密微信誕生記
- 遊戲行業誕生至今超過50年了,但誰在記錄它的歷史?遊戲行業
- 前端面經 | 騰訊實習生校招面試心路歷程前端面試
- 《VALORANT》武器設計理念
- 一個 Markdown 編輯器的誕生
- 《怪物獵人》是怎樣誕生的
- 爆款小程式是如何誕生的?
- 一個Android路由框架的誕生之路Android路由框架
- Kotlin之心路歷程Kotlin
- HTTP - 發展歷程HTTP
- node學習歷程