PTT推薦

[閒聊] OPUS:龍脈常歌 遊戲美術開發—機械設計

看板C_Chat標題[閒聊] OPUS:龍脈常歌 遊戲美術開發—機械設計作者
dogluckyno1
(lucky)
時間推噓19 推:19 噓:0 →:3

原文標題:《OPUS:龍脈常歌》遊戲美術開發—機械設計

原文網址:https://bit.ly/3ACofcL

https://medium.com/@sigono/opus-%E9%BE%8D%E8%84%88%E5%B8%B8%E6%AD%8C-%E9%81%8A%E6%88%B2%E7%BE%8E%E8%A1%93%E9%96%8B%E7%99%BC-%E6%A9%9F%E6%A2%B0%E8%A8%AD%E8%A8%88-1c1edb3c0574

大家好,我是 Tommy,是 SIGONO 的機械設計,負責畫出遊戲中大多數會飛的東西。

本文是團隊開發主角群太空船「紅樓」的過程紀錄,如果你已經玩過龍脈常歌,或許你會好奇,它是怎麼被建造出來的。

閱讀本文,你會學到:

如何設計科幻太空船,並賦予合理說服力

想辦法把企劃設定裡的簡單圖示,變成完整的太空船。

https://miro.medium.com/max/875/1*VbT8_lHYHGEB-BdneF3i7A.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
Ta-Da! 宇宙臘腸狗變成太空船了

OK! 一開始的是…

想像自己真的在遊戲中建造船艦

龍脈常歌是一個在銀河的冒險故事,故事中有一艘舊型號的軍用龍脈探測船,退役後被主角們領走,改造成民間運輸花卉的貿易船,然後逐步改造船體通向結局。

由於故事有點複雜,牽扯四個設計階段

·軍用的龍脈探測船長什麼樣子?
·民間的船都長什麼樣子?
·軍用船被民間改造,這混合船又是…什麼樣子?
·混合船有四種改造階段…那又會是[email protected]#[email protected]#$是啊啊啊啊

最後的設計方式就是直接還原這個過程

先製作出軍用龍脈探測船…

探測船屬於遊戲中的反派,礦業聯合的勢力,所以必定得符合該勢力的鐵血、紀律的外型風格,並且符合故事中的重點「尋找龍脈」。

這時候由於基礎的美術概念已經確定了,所以我們有很多專案內現成的東西可以直接參考。

https://miro.medium.com/max/875/1*f6j5m1HdmmMVwSKKiZT-uw.jpeg

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
早期的礦聯概念,長方體柱狀建築,用於船體

https://miro.medium.com/max/875/1*2Y9gg5bp2SqkPx_BgzY-kg.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
龍脈的代表性概念:圓形龍門,龍脈探測設備也設定為類似的圓環,代表了某種能跟龍鳴互動的裝置

在討論的過程中,製作人畫出了這樣的東西:

https://miro.medium.com/max/804/1*gyrL7PFTpmqR1HVpT3u3gg.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
…!?

| 製作人:覺得把上面組合起來大概就會是這樣子
| ME:讓我…思考一下

利用剪影發展各種造型的可能性

上面的構圖叫做剪影,其實光是圓形和方柱還是能有許多種不同的搭配,於是我們試著製作圓環+礦業聯合方柱的複合體,下面是我們一連串的嘗試:

https://miro.medium.com/max/875/1*8_RPbRvm1XgVdFocxNBL_g.jpeg

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
試著組合共振儀的船體,沒繪製細節前,覺得其實滿像槍的

船艦尺寸也是這時的一個要點:

由於紅樓要在關卡中和角色同時出現,所以不能巨大到放不進畫面;但又有在紅樓內設定活動空間(艦橋、房間等等)的需求,所以也不能太小。

https://miro.medium.com/max/875/1*toCaogkMi4RVXSx2H5Z_QA.jpeg

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
跟右下角的比例尺對照,紅樓長度可能在50~60公尺左右。

| 使用 3D 製作簡單的模型確定立體結構:

https://miro.medium.com/max/804/1*VLew_D2PGkbxe4k716QGjg.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計

然後將礦聯探測船完成,這艘船實際上沒有完整完好地出現在遊戲中,並沒有做細緻的設定。

https://miro.medium.com/max/875/1*wasbPj3HMfyhiGwgkqOQFA.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
https://miro.medium.com/max/875/1*5hT-JjcAudcHatNWFvzdfw.png
圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
https://miro.medium.com/max/875/1*BYrtDIL9ilAhiML05EorNQ.png
圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
https://miro.medium.com/max/875/1*SmS3u-zLGV0sby9sWm1HOw.png
圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
噹噹噹,礦業聯合 龍脈探測船 完工

龍脈探測船完工後,接下來就正式進入主角們的船要長什麼樣子了,回憶一下設定:「戰爭退役的龍脈探測船,被改造成運輸花卉的民間商船」

一般的民間船是什麼樣子呢…

改造船艦的許多東西是來自民間,所以我們得先找出民間的風格

| 民間代表性的地點之一:朝山

https://miro.medium.com/max/875/1*Ew3PqK7cWPQGDQu6FM91zg.jpeg

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
民間跟礦業聯合不同,形狀比較碎,像是大量的紙箱堆積而成

| 朝山的民間船

https://miro.medium.com/max/875/1*gzjNZe8ITpVFnoZ1Un0Fpw.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
民間船艦也呈現類似風格

軍用船+民間船=?

混合這兩個概念的時候,比較像是拿各種零件組裝,同時思考零件怎麼配合、如何組裝,關鍵是剪影不能跟原本的軍用船差距太大。

https://miro.medium.com/max/875/1*1LE6cPehg6jtRpMlyi5__Q.jpeg

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
在保有一樣數量的升級裝備前,選擇較相似的剪影

完成!

https://miro.medium.com/max/875/1*pq_eSZSvXHk3RcuVdLyNbA.jpeg

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
想像把軍用船的裝甲板拆掉,在上面加上民間船零件做出改造。

差不多定案後,就像先前的探測船一樣,一路將船體完成。

https://miro.medium.com/max/875/1*o1ELedQxqpOYGraB-ve7cA.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
系統訊息:3D 建模中…

https://miro.medium.com/max/875/1*E508gmPXWwAnJH7A1BVSSg.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
謝謝 3D 美術大大,完成…了?

| 遊戲企劃:對了,剛決定引擎要從原本的一次升級,改成三段升級變化
| ME:哈哈哈哈哈哈(意義不明的笑)

這都在我預料之中(?),其實太空船的裝備有哪些、有多少等級是開發初期無法肯定的,所以保留太空船的擴充空間,為將來裝備拆分和升級留下備案是很重要的一環。

開始設計太空船的升級變化


等到企劃確定了船體升級的方案完全明確後,才會開始製作升級的裝備。

https://miro.medium.com/max/875/1*yd8odf0XNVgHv1Y1mN0LhA.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
如果我們把紅樓身上的零件拆開來,差不多就是這樣的感覺

【汜氣塗料裝甲】
https://miro.medium.com/max/875/1*PPljUG1YSefzo1BS1Im3KA.jpeg

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
設計成了裝設在滑軌上的可拆卸金屬板。這是為了合理化裝甲板可以在商店以整數購買,還可在半路拆下來送給別人(?)

【汜氣混合引擎】
https://miro.medium.com/max/875/1*4gb4l3DpmlcgMaPJ7zGghA.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
也有些設計是已取消設定所留下來的。例如引擎都有額外的外接桶狀油箱,這是因為在初期引擎與油箱是不同的升級項目。

【探索設備格納庫】
https://miro.medium.com/max/875/1*_hX0dryNSsPy4lB1smMP5A.jpeg

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
貨艙可以分離的設定參考現實世界中的貨櫃船,快速交換貨物或是擴充船艦空間,這也是民間風格中的大量小方塊。

https://miro.medium.com/max/875/1*mFXLAT2m6LxqT7nXO1z4Ow.jpeg

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
紅樓的貨艙區域也有機械手臂,用於裝載貨物。升級後還有可將貨物拋射出去的小型彈射器,用來在航行中快速和其他貨船交換貨品。

【自動溫室】
https://miro.medium.com/max/875/1*-1UzgQnX_6LdCRUuu5_Uiw.jpeg

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
紅樓少數顯示出不同顏色的區域,雖然理論上花有各種的顏色,但最後還是覺得綠色比較容易顯示和植物有所相關。

【訊號變造裝置】
https://miro.medium.com/max/2236/1*ugM_vi4Aw7yRFkfHo_QfEA.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
https://miro.medium.com/max/1655/1*T1vFM-HBRFsMlJAl19RcxQ.png
圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
早期太陽能板本來是太空船動力設定中的一部分,後來引擎設定簡化,太陽能動力也消失了,於是留下來成了大型通訊天線。

【其他小裝備】
https://miro.medium.com/max/888/1*G-xo24sHmt-sCdgrfMeUaA.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
https://miro.medium.com/max/868/1*fE8tbxC91cTyle1V23fhLg.png
圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
有一類型的裝備升級是軟體升級、更換電腦系統這種不該影響外觀的;但是為了升級畫面表現一致,仍會在太空船外觀加上一些小型設備。

【最低等級裝備】
https://miro.medium.com/max/875/1*vI0mS-XUSEg4D-JvfLq5-A.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計

【最高等級裝備】
https://miro.medium.com/max/875/1*IqFWpeMVa24LfL1ov_tKTA.png
圖 OPUS:龍脈常歌 遊戲美術開發—機械設計

裝備製作過程中有個有趣的狀況是,裝備的升級可以是不同步的,會造成不同等級的裝備混搭;這時候就需要檢查在所有排列組合的狀況下,太空船設計上不會出現明顯異常。

https://miro.medium.com/max/875/1*JPCdkVK6t5zwgLmKIuXlaA.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
最高等級的訊號變造裝置配上最初階的引擎…還行啦、還行。

到這裡為止,我們大致克服了幾個難題,包含:

軍用的龍脈探測船長什麼樣子?CHECK!
民間的船都長什麼樣子?CHECK!!
軍用船被民間改造,這混合船又是…什麼樣子?CHECK!!!!
混合船有四種改造階段…那又會是[email protected]#[email protected]#$……CHECK!!!!!!

應該是完成了…

| 製作人:UI 做了新的畫面耶,你有看過在新畫面中的效果嗎?
| ME:…來吧,都來。

檢查所有 3D 鏡頭,確認細節的數量

https://miro.medium.com/max/875/1*6HVZMgzH6BlnVm9-5oQzuA.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
最早的時候我們預估紅樓大多只占到畫面長度的1/3而已,並不認為會需要很多細節。

https://miro.medium.com/max/875/1*MIcNeVTxH9kbXpOJIMB1YQ.gif

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
但隨著遊戲開發,團隊設計了近距離觀看裝備升級的鏡頭,這時候的太空船就顯得相對簡陋了。

為了解決這個問題,再增加了一輪細節量。

https://miro.medium.com/max/875/1*CaGZQPxoHd8djrwMMBM4cQ.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
左側為較舊版本,右側的新版本增加了些許細節,方塊也增加了倒角

https://miro.medium.com/max/875/1*TmoVbDf3vs-cbD-FXwaCvA.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
太空船加上細節後的完成圖

這次真的做完…

| 製作人:我們給玩家測試幾次,都覺得共振過程好像少了什麼
| ME:……?
| 製作人:不然讓龍脈共振儀(那個圈圈)轉個方向好了
| ME:那東西是能轉方向的嗎!?

最後的修正

答案是可以,理論上裝備和細節處理完後是結束了,但後續測試時,很多理想的使用者情境會被推翻。

舉例來說:在設計最初就存在的龍脈共振儀,代表太空船特色的圓環,是一種女主角的聲音擴大器,但大多數人不知道它是如何運作的。

https://miro.medium.com/max/875/1*l3eSBrdgqot0J4WlnJsw0g.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
龍脈共振儀啟動時,圓圈位於玩家的側面

https://miro.medium.com/max/875/1*WGRvOeZ2Ri80crETKSBzJA.gif

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
女主角唱歌的畫面,圓圈是面對玩家的

為了更明確表達龍脈共振儀的運作,增強和艾妲共鳴的連結,補上了大環也會轉動的設定:正對前方將聲音往遠方投射的擴音器。

https://miro.medium.com/max/875/1*ofwsuMXefajPz1yMLx8Iiw.png

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
現在龍脈共振儀運作時會轉動面對正前方

| 3D 調整後的龍脈共振儀運作畫面

https://miro.medium.com/max/875/1*5nX6Rx8JgUkd2SV6IIjkIw.gif

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計

完成的紅樓

經過各式各樣改造後,最後總算是完成啦!

https://miro.medium.com/max/875/1*z8b9RHbAXIKVZzi8Flu_pA.gif

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計

感謝大家觀看,總結一下設計過程中需要注意的事項:

.第一是要拆分自己的設計階段,循序漸進的堆疊視覺概念,不然等到企劃突然要修正, 到時候跟不上就糗了。
.第二是要忠於本源,知道機構源自於哪裡,它是怎麼產生的?船體被改造前又是什麼樣 子?如果能從用途來想像該長什麼樣子的話,就算是幻想出來的也會相對合理些。

我是 Tommy,是 SIGONO 的機械設計。蠻喜歡看各種載具機械是怎麼運作的,覺得人類本來就是活在科幻的世界裡。

有關於科幻/載具設計的種種,你還可以參考這些內容:

Design Cinema — Episode 103 — Intro to Design
https://youtu.be/0YrPpraXkBY

A Few Common Scifi Mistakes — Quick Ways to Improve
https://youtu.be/AkYnoaSB5xw

關於 OPUS:龍脈常歌

一個結合太空探索與冒險解謎的敘事遊戲。未知的小行星「龍脈」由於其礦藏蘊藏的巨大能量,成為眾人爭奪的目標,能唱出龍脈之歌的少女——艾妲,將與立志探索龍脈的少年
一同冒險,揭露宇宙的遠古神話。

如果有興趣,歡迎看看我們的遊戲
https://store.steampowered.com/app/1504500/OPUS/

SIGONO 講堂
本篇是 SIGONO 講堂的第三篇文章,之前的文章有:

《OPUS: 龍脈常歌》遊戲美術開發 — 角色設計
https://bit.ly/3nLNo2b

《OPUS: 龍脈常歌》遊戲開發精華 — 關卡設計
https://bit.ly/2YasdfT


--
清廉正直射命丸文,世界第一可愛
https://i.imgur.com/XqOptr2.jpg

圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
https://i.imgur.com/zGCOdHq.jpg
圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
https://i.imgur.com/SJR03hx.jpg
圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
https://i.imgur.com/nUbq2HQ.jpg
圖 OPUS:龍脈常歌 遊戲美術開發—機械設計
https://i.imgur.com/0yn2DP5.jpg
圖 OPUS:龍脈常歌 遊戲美術開發—機械設計

--

※ PTT留言評論
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.27.252.188 (臺灣)
PTT 網址
dogluckyno1:轉錄至看板 Steam

10/14 09:15

livil8010110/14 09:16玩時還以為會變人形

Hyena198410/14 09:18

a3646410/14 09:20有認真做遊戲的團隊大家應該多支持

afking10/14 09:24推用心

lbowlbow10/14 09:43各種開發過程會出的包wwwww

IsonaEi10/14 09:44

meowyih10/14 09:45只是提醒一下,文章中的圖片連結網址大多都有*號,在我

meowyih10/14 09:45的手機ptt軟體裡這不是正常網址字元會被斷行然後無法開

meowyih10/14 09:45啟連結。

CAtJason10/14 09:46希望能用這個引擎模組做個太空戰機之類的

Mayfly10/14 09:52女主角擴音器,我喜歡

dreamnook10/14 10:03

okah10/14 10:40我等你們上手機平台啦

CalciumPlus10/14 10:43推推

server10/14 11:18國產推

biopopo10/14 13:39

astinky10/14 14:20

blacksugur10/14 14:22用心推

vincema10/14 14:51推!

slugprince10/14 18:38認真的公司就要推

abb12345610/14 19:17

jay123peter10/14 22:46