※ [本文轉錄自 C_Chat 看板 #1XPuGYv8 ]
作者: dogluckyno1 (lucky) 看板: C_Chat
標題: [閒聊] OPUS：龍脈常歌 遊戲美術開發—機械設計
時間: Thu Oct 14 09:12:56 2021
原文標題：《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
Ta-Da! 宇宙臘腸狗變成太空船了
OK! 一開始的是…
想像自己真的在遊戲中建造船艦
龍脈常歌是一個在銀河的冒險故事，故事中有一艘舊型號的軍用龍脈探測船，退役後被主
角們領走，改造成民間運輸花卉的貿易船，然後逐步改造船體通向結局。
由於故事有點複雜，牽扯四個設計階段
·軍用的龍脈探測船長什麼樣子？
·民間的船都長什麼樣子？
·軍用船被民間改造，這混合船又是…什麼樣子？
·混合船有四種改造階段…那又會是[email protected]#[email protected]#$是啊啊啊啊
最後的設計方式就是直接還原這個過程
先製作出軍用龍脈探測船…
探測船屬於遊戲中的反派，礦業聯合的勢力，所以必定得符合該勢力的鐵血、紀律的外型
風格，並且符合故事中的重點「尋找龍脈」。
這時候由於基礎的美術概念已經確定了，所以我們有很多專案內現成的東西可以直接參考
。
https://miro.medium.com/max/875/1*f6j5m1HdmmMVwSKKiZT-uw.jpeg
早期的礦聯概念，長方體柱狀建築，用於船體
https://miro.medium.com/max/875/1*2Y9gg5bp2SqkPx_BgzY-kg.png
龍脈的代表性概念：圓形龍門，龍脈探測設備也設定為類似的圓環，代表了某種能跟龍鳴
互動的裝置
在討論的過程中，製作人畫出了這樣的東西：
https://miro.medium.com/max/804/1*gyrL7PFTpmqR1HVpT3u3gg.png
…！？
| 製作人：覺得把上面組合起來大概就會是這樣子
| ＭＥ：讓我…思考一下
利用剪影發展各種造型的可能性
上面的構圖叫做剪影，其實光是圓形和方柱還是能有許多種不同的搭配，於是我們試著製
作圓環＋礦業聯合方柱的複合體，下面是我們一連串的嘗試：
https://miro.medium.com/max/875/1*8_RPbRvm1XgVdFocxNBL_g.jpeg
試著組合共振儀的船體，沒繪製細節前，覺得其實滿像槍的
船艦尺寸也是這時的一個要點：
由於紅樓要在關卡中和角色同時出現，所以不能巨大到放不進畫面；但又有在紅樓內設定
活動空間（艦橋、房間等等）的需求，所以也不能太小。
https://miro.medium.com/max/875/1*toCaogkMi4RVXSx2H5Z_QA.jpeg
跟右下角的比例尺對照，紅樓長度可能在50～60公尺左右。
| 使用 3D 製作簡單的模型確定立體結構：
https://miro.medium.com/max/804/1*VLew_D2PGkbxe4k716QGjg.png
然後將礦聯探測船完成，這艘船實際上沒有完整完好地出現在遊戲中，並沒有做細緻的設
定。
https://miro.medium.com/max/875/1*wasbPj3HMfyhiGwgkqOQFA.png
https://miro.medium.com/max/875/1*5hT-JjcAudcHatNWFvzdfw.png
https://miro.medium.com/max/875/1*BYrtDIL9ilAhiML05EorNQ.png
https://miro.medium.com/max/875/1*SmS3u-zLGV0sby9sWm1HOw.png
噹噹噹，礦業聯合 龍脈探測船 完工
龍脈探測船完工後，接下來就正式進入主角們的船要長什麼樣子了，回憶一下設定：「戰
爭退役的龍脈探測船，被改造成運輸花卉的民間商船」
一般的民間船是什麼樣子呢…
改造船艦的許多東西是來自民間，所以我們得先找出民間的風格
| 民間代表性的地點之一：朝山
https://miro.medium.com/max/875/1*Ew3PqK7cWPQGDQu6FM91zg.jpeg
民間跟礦業聯合不同，形狀比較碎，像是大量的紙箱堆積而成
| 朝山的民間船
https://miro.medium.com/max/875/1*gzjNZe8ITpVFnoZ1Un0Fpw.png
民間船艦也呈現類似風格
軍用船＋民間船＝？
混合這兩個概念的時候，比較像是拿各種零件組裝，同時思考零件怎麼配合、如何組裝，
關鍵是剪影不能跟原本的軍用船差距太大。
https://miro.medium.com/max/875/1*1LE6cPehg6jtRpMlyi5__Q.jpeg
在保有一樣數量的升級裝備前，選擇較相似的剪影
完成！
https://miro.medium.com/max/875/1*pq_eSZSvXHk3RcuVdLyNbA.jpeg
想像把軍用船的裝甲板拆掉，在上面加上民間船零件做出改造。
差不多定案後，就像先前的探測船一樣，一路將船體完成。
https://miro.medium.com/max/875/1*o1ELedQxqpOYGraB-ve7cA.png
系統訊息：3D 建模中…
https://miro.medium.com/max/875/1*E508gmPXWwAnJH7A1BVSSg.png
謝謝 3D 美術大大，完成…了？
| 遊戲企劃：對了，剛決定引擎要從原本的一次升級，改成三段升級變化
| ＭＥ：哈哈哈哈哈哈（意義不明的笑）
這都在我預料之中（？），其實太空船的裝備有哪些、有多少等級是開發初期無法肯定的
，所以保留太空船的擴充空間，為將來裝備拆分和升級留下備案是很重要的一環。
開始設計太空船的升級變化
等到企劃確定了船體升級的方案完全明確後，才會開始製作升級的裝備。
https://miro.medium.com/max/875/1*yd8odf0XNVgHv1Y1mN0LhA.png
如果我們把紅樓身上的零件拆開來，差不多就是這樣的感覺
【汜氣塗料裝甲】
https://miro.medium.com/max/875/1*PPljUG1YSefzo1BS1Im3KA.jpeg
設計成了裝設在滑軌上的可拆卸金屬板。這是為了合理化裝甲板可以在商店以整數購買，
還可在半路拆下來送給別人（？）
【汜氣混合引擎】
https://miro.medium.com/max/875/1*4gb4l3DpmlcgMaPJ7zGghA.png
也有些設計是已取消設定所留下來的。例如引擎都有額外的外接桶狀油箱，這是因為在初
期引擎與油箱是不同的升級項目。
【探索設備格納庫】
https://miro.medium.com/max/875/1*_hX0dryNSsPy4lB1smMP5A.jpeg
貨艙可以分離的設定參考現實世界中的貨櫃船，快速交換貨物或是擴充船艦空間，這也是
民間風格中的大量小方塊。
https://miro.medium.com/max/875/1*mFXLAT2m6LxqT7nXO1z4Ow.jpeg
紅樓的貨艙區域也有機械手臂，用於裝載貨物。升級後還有可將貨物拋射出去的小型彈射
器，用來在航行中快速和其他貨船交換貨品。
【自動溫室】
https://miro.medium.com/max/875/1*-1UzgQnX_6LdCRUuu5_Uiw.jpeg
紅樓少數顯示出不同顏色的區域，雖然理論上花有各種的顏色，但最後還是覺得綠色比較
容易顯示和植物有所相關。
【訊號變造裝置】
https://miro.medium.com/max/2236/1*ugM_vi4Aw7yRFkfHo_QfEA.png
https://miro.medium.com/max/1655/1*T1vFM-HBRFsMlJAl19RcxQ.png
早期太陽能板本來是太空船動力設定中的一部分，後來引擎設定簡化，太陽能動力也消失
了，於是留下來成了大型通訊天線。
【其他小裝備】
https://miro.medium.com/max/888/1*G-xo24sHmt-sCdgrfMeUaA.png
https://miro.medium.com/max/868/1*fE8tbxC91cTyle1V23fhLg.png
有一類型的裝備升級是軟體升級、更換電腦系統這種不該影響外觀的；但是為了升級畫面
表現一致，仍會在太空船外觀加上一些小型設備。
【最低等級裝備】
https://miro.medium.com/max/875/1*vI0mS-XUSEg4D-JvfLq5-A.png
【最高等級裝備】
https://miro.medium.com/max/875/1*IqFWpeMVa24LfL1ov_tKTA.png
裝備製作過程中有個有趣的狀況是，裝備的升級可以是不同步的，會造成不同等級的裝備
混搭；這時候就需要檢查在所有排列組合的狀況下，太空船設計上不會出現明顯異常。
https://miro.medium.com/max/875/1*JPCdkVK6t5zwgLmKIuXlaA.png
最高等級的訊號變造裝置配上最初階的引擎…還行啦、還行。
到這裡為止，我們大致克服了幾個難題，包含：
Ｖ軍用的龍脈探測船長什麼樣子？CHECK!
Ｖ民間的船都長什麼樣子？CHECK!!
Ｖ軍用船被民間改造，這混合船又是…什麼樣子？CHECK!!!!
Ｖ混合船有四種改造階段…那又會是[email protected]#[email protected]#$……CHECK!!!!!!
應該是完成了…
| 製作人：UI 做了新的畫面耶，你有看過在新畫面中的效果嗎？
| ＭＥ：…來吧，都來。
檢查所有 3D 鏡頭，確認細節的數量
https://miro.medium.com/max/875/1*6HVZMgzH6BlnVm9-5oQzuA.png
最早的時候我們預估紅樓大多只占到畫面長度的1/3而已，並不認為會需要很多細節。
https://miro.medium.com/max/875/1*MIcNeVTxH9kbXpOJIMB1YQ.gif
但隨著遊戲開發，團隊設計了近距離觀看裝備升級的鏡頭，這時候的太空船就顯得相對簡
陋了。
為了解決這個問題，再增加了一輪細節量。
https://miro.medium.com/max/875/1*CaGZQPxoHd8djrwMMBM4cQ.png
左側為較舊版本，右側的新版本增加了些許細節，方塊也增加了倒角
https://miro.medium.com/max/875/1*TmoVbDf3vs-cbD-FXwaCvA.png
太空船加上細節後的完成圖
這次真的做完…
| 製作人：我們給玩家測試幾次，都覺得共振過程好像少了什麼
| ＭＥ：……？
| 製作人：不然讓龍脈共振儀（那個圈圈）轉個方向好了
| ＭＥ：那東西是能轉方向的嗎！？
最後的修正
答案是可以，理論上裝備和細節處理完後是結束了，但後續測試時，很多理想的使用者情
境會被推翻。
舉例來說：在設計最初就存在的龍脈共振儀，代表太空船特色的圓環，是一種女主角的聲
音擴大器，但大多數人不知道它是如何運作的。
https://miro.medium.com/max/875/1*l3eSBrdgqot0J4WlnJsw0g.png
龍脈共振儀啟動時，圓圈位於玩家的側面
https://miro.medium.com/max/875/1*WGRvOeZ2Ri80crETKSBzJA.gif
女主角唱歌的畫面，圓圈是面對玩家的
為了更明確表達龍脈共振儀的運作，增強和艾妲共鳴的連結，補上了大環也會轉動的設定
：正對前方將聲音往遠方投射的擴音器。
https://miro.medium.com/max/875/1*ofwsuMXefajPz1yMLx8Iiw.png
現在龍脈共振儀運作時會轉動面對正前方
| 3D 調整後的龍脈共振儀運作畫面
https://miro.medium.com/max/875/1*5nX6Rx8JgUkd2SV6IIjkIw.gif
完成的紅樓
經過各式各樣改造後，最後總算是完成啦！
https://miro.medium.com/max/875/1*z8b9RHbAXIKVZzi8Flu_pA.gif
感謝大家觀看，總結一下設計過程中需要注意的事項：
．第一是要拆分自己的設計階段，循序漸進的堆疊視覺概念，不然等到企劃突然要修正，
到時候跟不上就糗了。
．第二是要忠於本源，知道機構源自於哪裡，它是怎麼產生的？船體被改造前又是什麼樣
子？如果能從用途來想像該長什麼樣子的話，就算是幻想出來的也會相對合理些。
我是 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