《閃耀暖暖》技術研發團隊談遊戲 3D 化的困難與布料細節呈現方式釋出 AR 玩法展示影片

（GNN 記者 Edward 報導） 2019-06-17 16:22:02

　　由品玩邦藝術與疊紙遊戲聯合發行的《閃耀暖暖》預告將於近日啟動改版，照相功能即將全面升級。巴哈姆特 GNN 也特別以電子郵件的方式訪問到疊紙遊戲技術中心技術總監張霽及美術總監柳叢，與玩家分享本作 3D 化的理由以及製作上的困難之處。

GNN：《閃耀暖暖》是暖暖系列遊戲首款以 3D 形式呈現的作品，當初是出於什麼考量將遊戲 3D 化呢？

疊紙遊戲技術中心技術總監張霽：製作團隊注意到很多玩家在體驗前幾代暖暖遊戲時，對遊戲裡的服飾細節和花紋圖案非常感興趣，除了服飾正面視角外，玩家似乎也很想了解這套服飾側面看起來是怎樣的，背面又有什麼樣的設計。

　　基於這樣的一個需求，團隊成員想讓玩家在《閃耀暖暖》裡就能直接看到人物和服飾所有的設計和細節。遊戲開發初期，嘗試方向是基於 2D 骨骼動畫編輯工具對人物和服飾做 360 度旋轉，效果有點像 Live2D 的感覺，不過沒有達到追求的感覺，因此繼續探索的方向很快轉向了 3D，團隊發現 3D 的表現形式能幫助我們呈現角色和服飾的諸多精美細節。

GNN：3D 形式為《閃耀暖暖》在畫面表現上帶來了哪些新的變化？

張霽：3D 展示會更全面，玩家在《閃耀暖暖》內可以透過旋轉、拉大角色，360 度觀察服飾的設計和材質細節。

紗裙
暗紋
刺繡

　　此外，相對於純貼圖式的換裝玩法，3D 的形式增強了搭配組合的自由度，同時也使得人物、服飾各部分間的交互關係更為複雜，給技術上帶來不小難度。針對這一點技術團隊設計了一套碰撞處理的物理系統，可以將遊戲裡設計的多樣服飾版型和角色人體架構簡化為骨架模型，將布料模擬為粒子和彈簧組合的形態，通過粒子、彈簧與骨架的碰撞處理來幫助實現人物運動時服飾自然的動態效果。

　　3D 的表現形式也增加了角色暖暖與玩家之間的互動性，暖暖可以像個真實的好朋友一樣跟玩家對話，在玩家面前開心舞蹈，跳出來幫玩家慶祝生日等等。

GNN：作為疊紙首款 3D 手機遊戲，貴團隊在技術研發過程中遇到最大的難題是什麼？又是如何克服的呢？

張霽：最大的難題是如何在手機性能的限制下，實現 3D 高精度的細節表現，畢竟細節是暖暖系列遊戲的基石。

　　技術團隊發現貼圖的分辨率對性能的影響比較大，從圖片裡可以看到分別使用 1024 和 2048 分辨率的貼圖呈現的效果，以及相應的 AB 佔用和渲染耗時，可以看到即使使用 2048 分辨率的貼圖在鏡頭拉近的時候仍然無法達到製作團隊希望的精度，而隨著解析度的增加，包體內存壓力迅速增加，也不利於持續更新。

　　為了解決這個問題，技術團隊使用了多層 UV 和多層貼圖拼合的方式，最右的例子是使用了四層 UV、四層貼圖拼合達到的效果。可以看到精度有了顯著的提升，相當於 4096 的貼圖，但佔用比 1024 的單張貼圖還要小。

　　基此，技術團隊還會透過程式化方式進行一些閃點、珠光等細節的補充，來支援 3D 高精度的細節表現。

GNN：《閃耀暖暖》3D 化後對手機性能想必也會帶來挑戰。技術團隊是如何找到畫面表現和手機性能間的平衡點呢？在這方面又經歷了哪些嘗試呢？

張霽：基本上技術團隊會基於畫面高精度、無鋸齒的標準，不斷進行手機壓力測試，尋找高精度與手機性能之間的平衡點。其次，在遊戲內做了畫質分級設定和一些開關設置，也會在遊戲中用 benchmark 的性能來測量玩家的硬體性能以進行自動設置。

GNN：對於遊戲裡上百種 3D 材質，製作團隊是如何還原每種材質的紋理效果？又有哪些材質是最難還原到遊戲裡的？

疊紙遊戲技術中心美術總監柳叢：在材質開發的部分，團隊是針對不同材質的布料做過深度研究，在當時階段幾乎是進入 “走火入魔” 的狀態 —— 陪另一半逛街看到衣服就想摸一摸、搓一搓、拍照起來回去研究，時不時還會蹦出：“這材質很 PBR！” 的言論。透過對布料的研究，我們發現布料的編織方式是最為重要的環節，採取不同的織法呈現出的紋理都是不一樣的，不同的紋理結合不同的材質，就可以做出上千種變化。

　　技術團隊是運用程序化紋理的方式來模擬真實的編織方式，為了豐富材質的變化和表現，我們會在製作過程中增加一些隨機的效果，比如隨機磨損、隨機線頭。下圖可以看到我們的製作思路和隨機效果。