GNN新聞

手機2019-06-17 16:22

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

(GNN 記者 Edward 報導)

  由品玩邦藝術與疊紙遊戲聯合發行的《閃耀暖暖》預告將於近日啟動改版,照相功能即將全面升級。巴哈姆特 GNN 也特別以電子郵件的方式訪問到疊紙遊戲技術中心技術總監張霽及美術總監柳叢,與玩家分享本作 3D 化的理由以及製作上的困難之處。
 
  • image
 
GNN:閃耀暖暖》是暖暖系列遊戲首款以 3D 形式呈現的作品,當初是出於什麼考量將遊戲 3D 化呢?
 
疊紙遊戲技術中心技術總監張霽:製作團隊注意到很多玩家在體驗前幾代暖暖遊戲時,對遊戲裡的服飾細節和花紋圖案非常感興趣,除了服飾正面視角外,玩家似乎也很想了解這套服飾側面看起來是怎樣的,背面又有什麼樣的設計。
 
  基於這樣的一個需求,團隊成員想讓玩家在《閃耀暖暖》裡就能直接看到人物和服飾所有的設計和細節。遊戲開發初期,嘗試方向是基於 2D 骨骼動畫編輯工具對人物和服飾做 360 度旋轉,效果有點像 Live2D 的感覺,不過沒有達到追求的感覺,因此繼續探索的方向很快轉向了 3D,團隊發現 3D 的表現形式能幫助我們呈現角色和服飾的諸多精美細節。
 
GNN:3D 形式為《閃耀暖暖》在畫面表現上帶來了哪些新的變化?
 
張霽:3D 展示會更全面,玩家在《閃耀暖暖》內可以透過旋轉、拉大角色,360 度觀察服飾的設計和材質細節。
 
  • image

    紗裙

  • image

    暗紋

  • image

    刺繡

  此外,相對於純貼圖式的換裝玩法,3D 的形式增強了搭配組合的自由度,同時也使得人物、服飾各部分間的交互關係更為複雜,給技術上帶來不小難度。針對這一點技術團隊設計了一套碰撞處理的物理系統,可以將遊戲裡設計的多樣服飾版型和角色人體架構簡化為骨架模型,將布料模擬為粒子和彈簧組合的形態,通過粒子、彈簧與骨架的碰撞處理來幫助實現人物運動時服飾自然的動態效果。
 
  • image
 
  3D 的表現形式也增加了角色暖暖與玩家之間的互動性,暖暖可以像個真實的好朋友一樣跟玩家對話,在玩家面前開心舞蹈,跳出來幫玩家慶祝生日等等。
 
GNN:作為疊紙首款 3D 手機遊戲,貴團隊在技術研發過程中遇到最大的難題是什麼?又是如何克服的呢?
 
張霽:最大的難題是如何在手機性能的限制下,實現 3D 高精度的細節表現,畢竟細節是暖暖系列遊戲的基石。
 
  技術團隊發現貼圖的分辨率對性能的影響比較大,從圖片裡可以看到分別使用 1024 和 2048 分辨率的貼圖呈現的效果,以及相應的 AB 佔用和渲染耗時,可以看到即使使用 2048 分辨率的貼圖在鏡頭拉近的時候仍然無法達到製作團隊希望的精度,而隨著解析度的增加,包體內存壓力迅速增加,也不利於持續更新。
 
  為了解決這個問題,技術團隊使用了多層 UV 和多層貼圖拼合的方式,最右的例子是使用了四層 UV、四層貼圖拼合達到的效果。可以看到精度有了顯著的提升,相當於 4096 的貼圖,但佔用比 1024 的單張貼圖還要小。
 
  • image
 
  基此,技術團隊還會透過程式化方式進行一些閃點、珠光等細節的補充,來支援 3D 高精度的細節表現。
 
GNN:閃耀暖暖》3D 化後對手機性能想必也會帶來挑戰。技術團隊是如何找到畫面表現和手機性能間的平衡點呢?在這方面又經歷了哪些嘗試呢?
 
張霽:基本上技術團隊會基於畫面高精度、無鋸齒的標準,不斷進行手機壓力測試,尋找高精度與手機性能之間的平衡點。其次,在遊戲內做了畫質分級設定和一些開關設置,也會在遊戲中用 benchmark 的性能來測量玩家的硬體性能以進行自動設置。
 
  • image
 
GNN:對於遊戲裡上百種 3D 材質,製作團隊是如何還原每種材質的紋理效果?又有哪些材質是最難還原到遊戲裡的?
 
疊紙遊戲技術中心美術總監柳叢:在材質開發的部分,團隊是針對不同材質的布料做過深度研究,在當時階段幾乎是進入 “走火入魔” 的狀態 —— 陪另一半逛街看到衣服就想摸一摸、搓一搓、拍照起來回去研究,時不時還會蹦出:“這材質很 PBR!” 的言論。透過對布料的研究,我們發現布料的編織方式是最為重要的環節,採取不同的織法呈現出的紋理都是不一樣的,不同的紋理結合不同的材質,就可以做出上千種變化。
 
  技術團隊是運用程序化紋理的方式來模擬真實的編織方式,為了豐富材質的變化和表現,我們會在製作過程中增加一些隨機的效果,比如隨機磨損、隨機線頭。下圖可以看到我們的製作思路和隨機效果。
 
  • image

    材質基礎層

  • image

    基礎層 + 隨機層

  • image

    基礎層 + 隨機層 + 細節層

  • image

    渲染後進一步細節處理,呈現出不同的材質效果

  最難還原的材質可能是五彩斑斕的黑布吧,不過也是有可能實現的,比如在特殊光滑的黑色材質上覆蓋一層類似油光膜的物質。
 
GNN:此次遊戲改版給玩家帶來了哪些新的體驗呢?
 
張霽:此次改版會新增一個 AR 拍照、錄影的功能,玩家可以在現實場景中跟暖暖合照,有種暖暖來到玩家身邊的感覺。
 
AR 玩法展示影片
 
GNN:閃耀暖暖》未來在技術開發方面有沒有什麼規劃?
 
柳叢:目前一套 3D 服飾的製作流程比較複雜,所花時間和成本也比較高。往後希望可以緊跟技術發展的腳步,借助新技術,在不影響品質的前提下,提高 3D 服飾的產出速度和效率。
 
GNN:最後,有沒有什麼話想對喜愛《閃耀暖暖》的玩家們說呢?
 
張霽:玩家喜愛疊紙研發的遊戲是團隊非常感激、慶幸的事情,也是團隊不斷前行、突破的動力。
 
柳叢:有玩家在網路上留言,想知道建模師的頭髮還在嗎?我想對關心疊紙的玩家說,放心!我們的頭髮還很茂密。在這裡也感謝玩家們的喜愛和支持。
 

 

閃耀暖暖

1,700 人已追蹤,快追蹤取得最新情報!

+99

相關新聞

留言(26)

猜你喜歡

《3D 點陣遊戲英雄榜》新宣傳影片釋出 體驗令人懷念的新奇感受
PS3 | 3D 點陣遊戲英雄榜
0
36
《3D 點陣遊戲英雄榜》釋出由地底探險最弱主角擔綱介紹的宣傳影片
PS3 | 3D 點陣遊戲英雄榜
0
21
《3D 點陣遊戲英雄榜》新畫面釋出 揮霍先進技術呈現復古點陣世界
PS3 | 3D 點陣遊戲英雄榜
0
32
《3D 點陣遊戲英雄榜》編輯角色釋出 女僕忍者大總統連袂登場
PS3 | 3D 點陣遊戲英雄榜
0
15
《3D 點陣遊戲英雄榜》嶄新著色器魔法登場 點陣勇者 11 月冒險啟程
PS3 | 3D 點陣遊戲英雄榜
0
89
《3D 點陣遊戲英雄榜》化身立體點陣英雄 拯救 3D 點陣世界危機
PS3 | 3D 點陣遊戲英雄榜
0
75
【搶鮮玩】《3D 點陣遊戲英雄榜》傳統又新潮的方塊勇者冒險生涯
PS3 | 3D 點陣遊戲英雄榜
0
56
3D 動作 RPG《惡魔獵人:巔峰之戰》預告 4/11 啟動公測 釋出最新宣傳影片
手機 | 惡魔獵人:巔峰之戰
7
21
3D 開放世界手機 MMORPG《LUNA Mobile》今日上線 公開首部宣傳影片
手機 | LUNA Mobile
2
26
潛行 3D 即時戰術遊戲《逆光潛入》釋出玩法展示影片 展開喚起測試招募活動
手機 | 逆光潛入
3
11
《瑪奇英雄傳:反抗命運》公開「利斯塔」展示影片 3 月 14 日展開測試
PC | 瑪奇英雄傳:反抗命運
38
63
《暗黑破壞神 3》開放線上「英雄榜」系統 輕鬆與朋友分享角色狀態
OLG | 暗黑破壞神 3
0
155
純白奢華!寶可夢「紀念球」3D 造型悠遊卡 3 月 6 日開賣
宅物 | 寶可夢 朱 / 寶可夢 紫
78
65
動畫《藍色監獄》改編 3D 足球遊戲《藍色監獄 BLAZE BATTLE》於日本推出
手機 | 藍色監獄 BLAZE BATTLE
17
17
第 27 屆 D.I.C.E. 遊戲大獎公布得獎名單 《柏德之門 3》獲年度遊戲等 5 大獎項肯定
產業 | D.I.C.E. 遊戲大獎 / D.I.C.E. Awards
69
131

率領軍隊向前行!

看更多
開啟 APP

face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】