以太坊官方下载网址

 

【CEDEC 23】《寶可夢 朱/紫》以擬真世界為目標(biāo) 徹底解說帕底亞地區(qū)的繪製方法

(本新聞經(jīng)日本 4Gamer.net 同意授權(quán)轉(zhuǎn)載) 2023-08-31 00:00:01 原文出處

  在以遊戲開發(fā)者為主的講座「CEDEC 2023」當(dāng)中,由 GAME FREAK 的前澤圭一帶來了以「《寶可夢 朱/紫》繪出帕底亞地區(qū) —— 徹底解說視覺表現(xiàn)的機制!(【ポケットモンスター スカーレット?バイオレット】 パルデア地方を描き出す――見た目の仕組みを徹底解説!)」為題的演講,講述以「從美術(shù)風(fēng)格就可以知道是哪部作品」這個觀念為前提開發(fā)的《寶可夢》系列,是如何打造《寶可夢 朱/紫》的寶可夢、主角、整個世界的各種構(gòu)成,從著色器處理到資源建造,徹底解說其中的奧妙。
 
  • image
  • image
 
  根據(jù)前澤所述,《寶可夢 朱/紫》設(shè)定的美術(shù)概念為「擬真與變形(リアルとデフォルメ)」,也就是讓背景的質(zhì)感與形狀接近現(xiàn)實做為目標(biāo)。但是由於寶可夢與人物角色等會簡化,所以必須要找出將它們統(tǒng)整放在一起時會出現(xiàn)破綻的地方才行。
 
  • image

 

美術(shù)概念

 
現(xiàn)實與簡化
  • 希望背景的質(zhì)感與形狀等,要比前作更接近現(xiàn)實
  • 但是,由於寶可夢與人物角色並不會弄成完全真實風(fēng)格,因此必須要找出在背景與角色統(tǒng)一放在一起時會產(chǎn)生的破綻
 
質(zhì)感
  • 基本上接近現(xiàn)實就好
  • 必須要思考如何調(diào)整輪廓與背景融合
 
  • image
 

素材

  • BaseColorMap
  • NormalMap
  • MetallicMap
  • RoughnessMap
  • EmissionColorMap
  • AOMap
 
  • image
 

使用 Gbuffer

  • 利用 Flags 使處理分歧(也收入在模板)
  • 以 Mesh ID 為基礎(chǔ)並抽出追加情報
 
  • image
 

可使用的光

  • 定向光源(太陽光等)
  • 點光源、聚光光源
  • IBL
    • DiffuseProbe / SpecularProbe
    • IrradianceVolume
      • 用在前作(《阿爾宙斯》)
      • 在本作不使用
  • image
 

點光源

  • 使用在城鎮(zhèn)的燈光等
 
  • image
 

IBL

  • 由於時間帶的變化,要以作出灰階影像 DiffuseProbe 並另外疊上顏色。
 
  • image
 

打燈光

  • BRDF(基本呈現(xiàn))
    • 鏡面反射:GGX
    • 擴(kuò)散反射:Lambert
  • 半透明放在最上層
 
  在演講首先展示了素材的構(gòu)成與光源等,並且在介紹整個作品中基本的表現(xiàn)方法時,也順便解說了使用在寶可夢身上的特殊手法。
 
  而提到寶可夢主要的外觀就先提到的便是 SSS(Subsurface Scattering)的陰影呈現(xiàn)。這套陰影系統(tǒng)會根據(jù)寶可夢的身體大小與密度等進(jìn)行配合,套用各式各樣的設(shè)定,對寶可夢的造型個性造成巨大的影響。
 
  • image
 

SSS

  • 使用接近 Pre-Integrated Skin 的手法,在陰影部分使用散亂色滲出的效果
  • 避免使用 LUT texture,並使用 Spherical Gaussian 進(jìn)行近似計算
 
  • image
 
  • 根據(jù)身體大小變化數(shù)值
 
  • image

 

  • 左圖:厚度跟密度等較薄的部位數(shù)值調(diào)到偏亮
  • 右圖:眷戀雲(yún)「白色」的地方也會因應(yīng)頭部的毛跟雲(yún)而利用數(shù)值設(shè)定區(qū)分

 

  • image
 

膠狀物

  • 只在輪廓附近適用 SSS 呈現(xiàn)質(zhì)感,表現(xiàn)出只有外側(cè)呈現(xiàn)出透光的效果以模擬質(zhì)地
  • 輪廓部分,單純以視角跟法線的角度為基準(zhǔn)抽出
 
  • image
 

構(gòu)造色

  • simulation base 的手法,因為表現(xiàn)的自由度等觀點而放棄採用
  • 以視角與法線的角度為基礎(chǔ)再加上三色漸層,使用簡單的功能進(jìn)行
 
  • image
 

粒子

  • 左:粒子的 texture 種類動畫(4*4=16 種類)
  • 右:指定深邃感(視差的強弱)的 texture
 
  • image
 

火焰(頭頂?shù)膭討B(tài)物件)

  • 在 Displacement Map(左)用頂點色(右)乘算,用來控制影響程度
 
  其他也有介紹如何表現(xiàn)出凝膠般的質(zhì)感、構(gòu)造色的呈現(xiàn),還有悖論寶可夢的粒子呈現(xiàn)等各式各樣的手法,並且提到了《寶可夢 朱/紫》最大特徵「太晶化」的相關(guān)表現(xiàn)。
 
  當(dāng)寶可夢太晶化,便是將本體(也就是寶可夢)的部分保持原本的模組並更換素材,配合 Normal Map、Color Map 與雜訊紋理,就可以呈現(xiàn)出寶石的質(zhì)感。不過,如果將所有物件都寶石化的話,反而變得不美觀,所以也做出了能夠指定「不要」太晶化的 Mesh。
 
  另外,在太晶化的時候出現(xiàn)在寶可夢頭頂?shù)奶毷鋵嵤菍⒈砻娴?Mesh 設(shè)成半透明,而裏面的 Mesh 設(shè)成不透明,藉此產(chǎn)生出深度並呈現(xiàn)立體感。
 
  • image
  • image
 

太晶化(本體)

  • 左:用在表現(xiàn)質(zhì)感的 Normal map
  • 右:從左邊開始為
    • 用在表現(xiàn)分散光的 Color map
    • 讓邊緣(エッジ)發(fā)光的 Normal map
    • 放在邊緣(エッジ)上的雜訊紋理
 
  • image
 
  • 可以指定「不要」太晶化的 Mesh
 
  • image
 
  • 裏側(cè)與表面還有 Sphere Map
 
  • image

太晶化(完成)

 
  接著則是展示關(guān)於主角(人物)角色相關(guān)的呈現(xiàn)手法。首先從在遊戲一開始可自定義的主角「造型」是如何呈現(xiàn)的。
 
  《寶可夢 朱/紫》在創(chuàng)角的時候能夠選擇的各種眼眶與眼睛大小等,其實是使用 Maya 的 Lattice 功能製作的。使用這個功能就可以控制眼尾的上下或眼睛、嘴巴的大小、嘴唇的厚度等。不過,如果全部的細(xì)節(jié)都可以調(diào)整的話會變得太過繁雜,所以事先準(zhǔn)備了配合各種變形值組合的預(yù)設(shè)值。
 
  另一方面,雖然眉毛基本上是以 texture 描繪,不過藉由在前端使用 α 做出階層,就可以做出眉毛長度的不同版本。
 
  • image
 

眼簾、嘴巴的自定義

  • makeup_all
  自定義角色用的 Lattice 本體。能直接把 Mesh 變形
  • makeup_eye
  控制眼簾的 Lattice。控制 makeup_all
  • makeup_mouth
  控制嘴巴的 Lattice。控制 makeup_all
 
  • image
 

眼瞼的 Lattice 種類

  • 可以設(shè)定各種眼睛大小和形狀
 
  • image
 

嘴巴的 Lattice 種類

  • 可以設(shè)定嘴巴大小和嘴唇的厚度
 
  • image
 

混和以上種類

  • 定義預(yù)設(shè)值
 
  • image
 

眉毛、睫毛的種類

  • 基本的種類以 texture 製作
  • 根據(jù)各種類,以設(shè)定 α 增加版本
 
  另外,表情則是將臉分成五個部分之後以變形目標(biāo)(Morph target)製作。最一開始套用變形目標(biāo),接著再用剛才提到的 Lattice 功能進(jìn)行演算,就可以實現(xiàn)實際角色的臉的形狀。
 
  • image
 
表情
  • 拆開各部位後以變形目標(biāo)製作
    • 眉毛周圍變形
    • 右眼變形
    • 左眼變形
    • 嘴巴變形
    • 加算至整體
 
  • image
 

表情與臉部妝容

  • 依照下列順序處理。
  1. 將各部位的變形圖像合併後,製作變形用的 Mesh
  2. 混和至 BaseMesh(反映表情)
  3. Lattice 變形(反映臉部妝容)
 
  • image
 

眼球

  • 使用非統(tǒng)一比例,讓直長型的眼睛也可以轉(zhuǎn)動
 
  而在表現(xiàn)肌膚的部分,則是先做出假的法線,並與實際法線混合。接著,依照臉或視角的角度、光源的方向等各種情況,調(diào)整哪個角度才是最為美觀,再控制光的反射度,不斷重複嘗試,才終於達(dá)到開發(fā)團(tuán)隊希望的美術(shù)概念。
 
  • image
 

shade(偽裝法線)

  • 偽裝法線 N0 = normailze (P0 - O)
  • 把基準(zhǔn)點 O 跟 "head"joint 連動
 
  • image

 

shade(風(fēng)格調(diào)整)

  • 以條件跟參數(shù),跟實際的法線進(jìn)行混合
    • 臉跟攝影機的角度
    • 順光或逆光
  • 下方圖片:根據(jù)參數(shù)產(chǎn)生變化的結(jié)果
 
  • image
 

光的反射調(diào)整

  • 和模型的風(fēng)格不符,看起來完全不像「皮膚」
 
  • image
 
  • 將 dot (normal, light) 的結(jié)果補正得更滑順
 
  最後則是講解在打造帕底亞地區(qū)的世界時,如何呈現(xiàn)各種環(huán)境的相關(guān)手法。
 
  首先是大地(地圖)的製作方法。帕底亞地區(qū)的大地,是以 Maya 的 Mesh 為基礎(chǔ),再利用 Houdini 追加細(xì)節(jié),然後選擇 High tMap 與質(zhì)感,或是輸出長出花花草草的 Mask。然而,光只用這樣的方式也有無法完整呈現(xiàn)的地形,所以會在之後利用 Houdini 進(jìn)行程序建模弄出懸崖或巖石等再配置於地圖上,慢慢打造出想要的地形。
 
  • image
 

大地的製作方式 1/3

  • 以 Maya 的 Mesh 為基礎(chǔ),再利用 Houdini 追加細(xì)節(jié)
 
  • image
 

大地的製作方式 2/3

  • 從 Houdini 輸出 HightMap 與 Mask
 
  • image
 

大地的製作方式 3/3

  • 用 SplatMask 選擇質(zhì)感
  • 用 DetailMask 長出花草
  • 把懸崖或巖石從上面放置
 
  • image
 

懸崖&巖石

  • 利用 Houdini 進(jìn)行程序建模
  • 加上形狀、輸出素材混合等參數(shù)的 Mask
 
  • image
 
  • 將產(chǎn)生的 Mesh 利用 Maya 加工等情況,就使用只再生 Mask 的工具
 
  接著是關(guān)於海、河川等水邊的呈現(xiàn)。這部分會根據(jù)頂點動態(tài)的動作、流型圖的流動,還有依照水深的透明度變化、螢?zāi)划嬅婵臻g的折射表現(xiàn)等而配合,進(jìn)行基本的處理。甚至也特地準(zhǔn)備了浪潮拍打岸邊時白色波紋的專用模型,讓其越靠近陸地時就有越大變化,以強調(diào)「拍浪感」。
 
  • image
 

海&河川

  • 以 Gerstner Wave 為基礎(chǔ)的頂點動態(tài)
  • 根據(jù) Flow map 表現(xiàn)出流動
  • 因應(yīng)水深改變透明度
  • ScreenSpace 的折射表現(xiàn)
 
  • image
 
  • Normal Map 與 Flow Map
  • SpecularProbe 的 texture 以手繪製作
 
  • image

開發(fā)成員還說「我們在這真的下了很多工夫,請一定要介紹這部分」

  • 利用專用的模型追加白色波紋
 
  接著是天空,為了要從水平線延伸出顏色的漸層,則是以 Precomputed Atmospheric Scattering 等新技術(shù)為基礎(chǔ)呈現(xiàn)。在雲(yún)層的表現(xiàn)上,先將在建模完成的雲(yún)上從六種方向打光後的結(jié)果壓製成兩張 texture,並且以真實世界的光為原型計算描繪色。
 
  • image
 

天空

  • 以 Precomputed Atmospheric Scattering 等技術(shù)為基礎(chǔ),然後再加上特定的漸層處理
 
  • image
 

雲(yún)朵

  • 在 Houdini 將一團(tuán)雲(yún)用離線彩現(xiàn)
 
  • image
 
  • 把從六方向(±xyz)打光後的結(jié)果,再壓製成兩張 texture
  • 貼上 Billboard 並以光源向量為基礎(chǔ)計算描繪色
 
  • image
  • image

建築物內(nèi)則是簡單用光線映射表現(xiàn)出來

 

室內(nèi)

  • 建築物裡面使用光線映射表現(xiàn)
  • 根據(jù)晝夜變換有各自的資料
  • 乘算至 Base color
 
  以上就是本次「《寶可夢 朱/紫》繪出帕底亞地區(qū) —— 徹底解說外觀的構(gòu)造!」的演講內(nèi)容了。在本次的演講中,可以感受到開發(fā)團(tuán)隊是如何用盡了各式各樣的表現(xiàn)手法,進(jìn)而呈現(xiàn)出《寶可夢 朱/紫》裡帕底亞地區(qū)光鮮亮麗的一面。
 
  • image
  • image
  • image
  • image
  • image
 

 

(C)2022 Pokémon. (C)1995-2022 Nintendo/Creatures Inc. /GAME FREAK inc. ポケットモンスター?ポケモン?Pokémon は任天堂?クリーチャーズ?ゲームフリークの登録商標(biāo)です。 Nintendo Switch のロゴ?Nintendo Switch は任天堂の商標(biāo)です。

標(biāo)籤:

#寶可夢 #CEDEC

新聞評語

載入中...

延伸報導(dǎo)

投稿《寶可夢 朱/紫》WCS2024 戰(zhàn)報玩家翻譯:晴天白馬蕾冠王
電競 | 寶可夢 朱 / 寶可夢 紫
0
投稿《寶可夢 朱/紫》日本玩家分享未完成黑馬隊伍 WCS2024 使用構(gòu)築
電競 | 寶可夢 朱 / 寶可夢 紫
2
寶可夢推出《貓貓蟲咖波》作者亞拉繪製臺灣限定 LINE 貼圖
宅物 | 寶可夢 朱 / 寶可夢 紫
15
投稿《寶可夢 朱/紫》2023 年 WCS 青少年組冠軍 皮皮黑馬隊伍解析
電競 | 寶可夢 朱 / 寶可夢 紫
0
投稿《寶可夢 朱/紫》2024 世界賽亞軍 Yuta Ishigaki 真·白騎武者戰(zhàn)報(前篇)
電競 | 寶可夢 朱 / 寶可夢 紫
1
全新形態(tài)「太晶化」揭曉!《寶可夢 朱/紫》「帕底亞地區(qū)」新要素大統(tǒng)整
Switch | 寶可夢 朱 / 寶可夢 紫
282
想去哪做什麼都由你決定!《寶可夢 朱/紫》揭曉在帕底亞地區(qū)展開的三篇故事
Switch | 寶可夢 朱 / 寶可夢 紫
213
《寶可夢 朱/紫》公開帕底亞地區(qū)神秘攝影作品 揭露毒猴寶可夢「塗標(biāo)客」生態(tài)
Switch | 寶可夢 朱 / 寶可夢 紫
98
《寶可夢 朱/紫》動畫《帕底亞的課後時光》9 月初登場 只屬於自己的寶物究竟是什麼?
多平臺 | 寶可夢 朱 / 寶可夢 紫
46
《寶可夢戰(zhàn)鬥卡 Live》公開上市時間 將與「寶可夢朱 / 紫 帕底亞進(jìn)化擴(kuò)充包」同步推出
手機 | 寶可夢戰(zhàn)鬥卡 Live
104
紀(jì)念《寶可夢 朱/紫》發(fā)售!臺北 101 以跨年規(guī)格連三天於外牆投放特別影片
花絮 | 寶可夢 朱 / 寶可夢 紫
249
白白長長又很眼熟???《寶可夢 朱/紫》以虛擬線上會議方式揭露最新寶可夢
Switch | 寶可夢 朱 / 寶可夢 紫
78
【速報】騎乘傳說寶可夢上山下海!《寶可夢 朱/紫》最新宣傳影片曝光
Switch | 寶可夢 朱 / 寶可夢 紫
284
《寶可夢 朱/紫》直播主兼道館館主「奇樹」現(xiàn)身 猜猜她的搭檔寶可夢是誰?
Switch | 寶可夢 朱 / 寶可夢 紫
288
《寶可夢 朱/紫》公布上市前最終宣傳影片 「朱之書/紫之書」裡描繪的神秘怪物是?
Switch | 寶可夢 朱 / 寶可夢 紫
158
《寶可夢 朱/紫》發(fā)售三天全球銷量突破千萬套 創(chuàng)下任天堂平臺史上最高紀(jì)錄
花絮 | 寶可夢 朱 / 寶可夢 紫
604
《寶可夢 朱/紫》封面神獸曝光!最多四人同樂 兩位博士將分版本登場
Switch | 寶可夢 朱 / 寶可夢 紫
392
幫寶可夢洗澡澡!《寶可夢 朱/紫》公開「野餐」等交流要素 揭曉新寶可夢「奇麒麟」
Switch | 寶可夢 朱 / 寶可夢 紫
157
歷代御三家齊聚一堂!《寶可夢 朱/紫 零之秘寶》揭曉第 19 種「太晶屬性」?
Switch | 寶可夢 朱 / 寶可夢 紫
240
《寶可夢 朱/紫》公開 YOASOBI 合作樂曲「Biri-Biri」特別 MV
人物 | 寶可夢 朱 / 寶可夢 紫
36