お気に入りタイトル/ワード

タイトル/ワード名(記事数)

最近記事を読んだタイトル/ワード

タイトル/ワード名(記事数)

LINEで4Gamerアカウントを登録
[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された
特集記事一覧
注目のレビュー
注目のムービー

メディアパートナー

印刷2022/03/26 20:36

イベント

[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 世界最大級のゲーム開発者会議「GDC 2022」において,「ディアブロ II リザレクテッド」PC / PS5 / Xbox Series X / PS4 / Xbox One / Nintendo Switch)のアートディレクションに関する講演が実施された。タイトルは「'Diablo II: Resurrected': The Art Direction and Pipelines for Resurrecting Evil」。本講演ではBlizzard EntertainmentのアソシエイトアートディレクターであるDustin King氏が登壇し,実際の開発の例を元にどのように映像が作られていったかが紹介された。

Dustin King氏
画像集#002のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

「ディアブロ II リザレクテッド」公式サイト

4Gamer:「GDC 2022」記事一覧



新たなビジュアルをどのように達成したのか


 Diablo IIをリマスターするにあたり,まず初めにしたことはVicarious Visionsのクラシックチームと提携できるかの打診だったという。ミーティングを行った結果,意気投合し協業することになったわけだが,この段階でアートスタイルを決める前に自分たちが何をするべきか理解する必要があったそうだ。

画像集#003のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 Diablo IIは世界で最も愛されたRPGの1つだ。その作品を最新の技術で作り直すにあたり,オリジナル版の「ダークでリアル」な雰囲気を表現するためのゲームエンジンやレンダラー(レンダリングをするためのソフトウェア)をどうするか,そもそも作り直すべきなのかといった多くの課題があったそうだ。

 なかでもとくに重視されたのはデータ部分だという。Diablo IIは20年を経た現在でも新たな発見をもって人々を魅了しているゲームだ。アートチームはそのゲームデータを活用しつつ,新たな発見を詰め込めないかと考え,その目標に向けてハイエンドなアートディレクションを採用した。

 オリジナル版では,リアルでダークな表現をするために,大げさなエフェクトなどは使われていない。これをリマスター版にするにあたり,フル3Dにするのかスプライトを維持するのかで激しい議論が行われたそうだ。最終的にフル3Dが理にかなっているということになったが,この時点でオリジナル版の映像で楽しめるレガシーモードの実装も決まっていたという。

画像集#004のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された
画像集#005のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 また,レンダラーについては,新たに開発したものを使用したが,不具合出しのために初期段階から取り組まれていたという。フレームアニメーションが3Dアニメーションになることで不具合が発生したこともあったが,インベントリからアイテムを取り出す処理などは重さや慣性を考慮したものとなり,2Dとは違った表現も可能になったという。

画像集#006のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 2Dからの移行が難しかった場所として,Arcane Sanctuaryが紹介された。これはエッシャーの騙し絵にヒントを得たマップで,平面を歩いているのにいつのまにか2階に到達しているといった構成になっている。

 これを3Dで実現するにはどうすればいいのか? リマスター版では,道は平面のまま,透視変換で正射影が行われていることを利用して,遠近感を無視した3Dの騙し絵のような手法で,平面なのに「2階に見える」配置が採用された。これにより特定の視点からだけは2階に見えるように作られたわけだ。
 
画像集#007のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 プリプロダクションでは,初期段階で納得できるまでコンセプトを練り直したという。ライティングの素材やポストプロセスでどのようにまとめるか決まっていったが,この過程が非常に重要だったと氏は語る。こちらでは一例として5章のParagraph Townの画像が紹介された。

画像集#008のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 この昼間のシーンをベースに,雪や泥などのディテールが追加されていく。初期段階でどのくらいの色がどこに使われているかを把握することが重要だという。

画像集#009のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 騙し絵でも使われた正射影カメラは初期から取り組まなければならない課題の1つだったという。ワールド構築のフローは非常に長期間にわたっており,正射影(平行投影)がうまくいかないと位置がずれるなどの不具合が予想されたからだ。

画像集#010のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 幸いパイプラインはうまく運用されだしたのだが,この時点で確認しておかなければならないことがあった。Blizzard Northが全焼したときにすべてのデータが失われてしまったという噂についてだ。これは部分的に真実ではなく,残っていたデータは存在した。しかし,低解像度データであるため,今回のプロジェクトで使えるものではなかったとのことだ。

画像集#011のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された
画像集#012のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された


キャラクターやクリーチャーが機能的デザインに


 リマスター版ではキャラクターをより見てもらうためのズーム機能が追加されているが,これに伴い,新たなコンセプトが用意された。それはキャラクターの装備品――紐やバックルなどに機能的な意味を持たせるというもので,そのため装備品は縫い目などの細部に至るまで細かくモデリングされることになった。

画像集#013のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された
画像集#014のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

画像集#015のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された
画像集#016のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 以下はNatalyaの装備だが,オリジナル版ではよく分からなかった脚甲のディテールなどがしっかり表現されている。もちろん脚部だけではなく全身の装備品が細かくモデリングされている。

画像集#017のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 このコンセプトはキャラクターだけでなく,クリーチャーにおいても反映されている。以下のシーンで確認できる,入り口の柱の前に吊るされた緑色でぬるぬるしたものがなんなのかについては,Redditのスレッドで20年近くにわたって議論されていたそうだ。

画像集#018のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された
画像集#019のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 リマスター版では,それが死んで腸の抜かれたLeeperであることが分かる。さらにディテールを上げて,バケツや血などの描写も加えられている。

画像集#020のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された
画像集#021のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された
ボスキャラクターにも機能的なディテールが多く追加されている。その例としてBaalとDiabloが紹介された
画像集#022のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された
画像集#023のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された


70/30ルールとは何か


 続いて,氏がクラッシュ・バンディクーを制作していたときに採用された70/30ルールが紹介された。このルールはアセットの7割は変えてはいけないが,3割までならアーティストが自由に変えてもいいというもので,アーティストにすばやくやりたいことを伝える方法として重宝しているという。

 アセットの7割は大きさやシルエット,色などを同一に保つために必要なもので,3割はディテールアップに使える部分となる。例として挙げられたBerbarianでは,オリジナル版と同じシルエットを保ちつつディテールアップされた様子が紹介された。

画像集#024のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 70/30ルールはアニメーションにも有効で,12コマほどで動いていたアニメーションをディアブロ 2Rに適用すると,フレームが飛んでしまい非常に不満が残るものになったそうだ。ここでも70/30ルールが適用され,オリジナルの雰囲気を保ったままディテールアップを行うことで綺麗なアニメーションが実現したそうだ。

画像集#025のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された


VFXチームの挑戦


 アニメーション同様に制約が大きかったのがVFXだそうだ。オリジナルのスプライトに合わせてエフェクトが必要で,57発のミサイルが飛ぶと,同時に57個のエフェクトを出さなければならなかったという。それぞれのエフェクトは複数のパーティクルを含んでおり,ダイナミックライティングと絡むと複雑な状況になっていたそうだ。

Sorceressの電撃は2つほどのエフェクトで作られているが,それらが紫色のボックス表示のように15個並んで進行している
画像集#026のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 そしてVFXチームには興味深い課題が待ち受けていた。レベル99のNecromancerは適切な装備を付けると100匹のペットを召喚できるのだが,実際に召喚すると画面はわけが分からないほど混沌とした状況に陥ってしまう。この課題はVFXチームが眠れなくなるほどの難問だったそうで,氏もいったどうやって彼らがこの難問をクリアしたのか不思議でならないと語っていた。

画像集#027のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

追加のVFXエフェクトとしてフォグの重ね合わせによる独特な雰囲気作りが紹介された。これらは手作業で配置されているとのこと
画像集#028のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 Tech α版でのプレイヤーからの評価で悩まされたことに宝石の光り方があったという。照明の位置と宝石のに違和感があったようで,VFXチームは最終的にリアルなライティングを行い,その上にハンドペイントでハイライトを描き加えるようにした。その結果,見慣れた宝石に見えると大好評になったという。

画像集#029のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 UIチームにも映像面の課題として,最大21:9の画面比と8Kに対応させるというものがあったそうだ。基本的には遊びやすいように中央にUIが寄せられているのだが,キャラクターパネルやアビリティパネルを開いた時には,中央部分が空けられ,キャラクターが見えるように変化している。これによりモンスターが近づいてきた場合などの対処が容易になっているそうだ。

画像集#030のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

オリジナル版では文字を読むのが難しいほどコントラストがもっさりしていたが,そのあたりも丁寧に調整されている
画像集#031のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された


映像が作られるまでのプロセス


 リマスター版のワールドチームは制作チーム内では最大だったが,他社と比べれば小規模のチームだったそうだ。彼らは最初にグレーの物体で世界全体を構築し,続いて正射影のカメラを使って,必要なアセットを割り出していく。この工程では数十万個のアセットとしてにらめっこをしてチェックを行ったそうだ。

画像集#032のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された
画像集#033のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 一通り埋め終わると,今度は複雑な地形部分の作業に移行する。この工程では,コンセプトチームと共に詳細な素材の定義を行っていったという。例えば氷の流れや溶岩,火の川などは流体力学をもって表現されている。

画像集#034のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された
画像集#035のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された
画像集#036のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 また,ラフコンセプトを元にどのように映像が作られていったかの一例が示された。こちらはラフコンセプトのなかで氏が気に入っているスクリーンショットの1枚だという。

コンセプトチームに提出したラフコンセプト
画像集#037のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

コンセプトチームから返ってきた映像がこちら
画像集#038のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 この映像をもとに,最初のイメージに近づけるためにどうすればいいかをアーティストと相談して進めていく。なお,この時点でPBR(物理ベースライティング)の厳密な適用については諦めたとのこと。全体的にダークな本作ではPBRがうまく機能しないことが分かってきたそうだ。それを踏まえて,基本的なPBR要素だけで作成したのが以下の映像だ。

コンセプトチームの要望にかなり沿った形で仕上がっていることが確認できる
画像集#039のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 ほかにも例としてThe Durance of HateやWorldstone Chamberが示された。こちらは4:3の映像でラフコンセプトが制作されているが,コンセプトチームが作業しやすいようにフラットで拡張したものも同時に提出されている。

The Durance of Hateのラフコンセプト
画像集#040のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

拡張されたラフコンセプト
画像集#041のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

コンセプトチームから返ってきた映像がこちら
画像集#042のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

The Durance of Hateの最終版
画像集#043のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

Worldstone Chamberのラフコンセプト
画像集#044のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

拡張されたラフコンセプト
画像集#045のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

コンセプトチームから返ってきた映像がこちら
画像集#046のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 しかし,これではベースゲームから大きく逸脱しているということで,ライトアップされた石に焦点を当てたものが最終的に採用されることになった。

Worldstone Chamberの最終版
画像集#047のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 また,開発の終盤になるとライティングアレイと呼ばれる技術が活用されていたという。これはオリジナル版の映像と制作中の映像,別チームから提供された映像を並べて表示するもので,イメージが乖離しすぎないように作業するために必要だったという。

画像集#048のサムネイル/[GDC 2022]「ディアブロ II リザレクテッド」アートディレクション講演レポート。新規ビジュアルを獲得するまでの工程が示された

 今回,リマスターを行ったうえで感じたのは,熱心なプレイヤーを参加させることのメリットだったという。そしてうまくいかないときは早めに切り捨てて次に進むこと。そして,このような特殊なプロジェクトでは,アーティストに理解しやすい用語を作ることが重要だと氏はまとめていた。

「ディアブロ II リザレクテッド」公式サイト

4Gamer:「GDC 2022」記事一覧

  • 関連タイトル:

    ディアブロ II リザレクテッド

  • 関連タイトル:

    ディアブロ II リザレクテッド

  • 関連タイトル:

    ディアブロ II リザレクテッド

  • 関連タイトル:

    ディアブロ II リザレクテッド

  • 関連タイトル:

    ディアブロ II リザレクテッド

  • 関連タイトル:

    ディアブロ II リザレクテッド

  • この記事のURL:
4Gamer.net最新情報
プラットフォーム別新着記事
総合新着記事
企画記事
スペシャルコンテンツ
注目記事ランキング
集計:12月18日〜12月19日