『サイコブレイク』や『Ghostwire: Tokyo』といったリアルなホラーやアクションアドベンチャーを代表作とするTango Gameworks(以下、Tango)。新作『Hi-Fi RUSH』は、過去にないカートゥーン調の明るいビジュアルを見せる。第1回に続き、今回は背景とライティングに注目して紹介する。
関連記事:Tango Gameworksチャレンジが詰まったカートゥーン調リズムアクションゲーム『Hi-Fi RUSH(ハイファイラッシュ)』(1)
※本記事は月刊「CGWORLD + digital video」vol. 297(2023年5月号)からの転載となります。
![](/article/640_150_bnr.jpg)
Information
発売:Bethesda Softworks
開発:Tango Gameworks
リリース:発売中
価格:4,150円(通常版)、5,550円(Deluxe Edition)
Platform:Xbox Series X|S via Xbox Game Pass、PC
ジャンル:リズムアクション
bethesda.net/ja-JP/game/hifirush
© 2023 Bethesda Softworks LLC, a ZeniMax Media company. Developed in association with Tango Gameworks. Hi-Fi RUSH, Tango, Tango Gameworks, Bethesda, Bethesda Softworks, ZeniMax and related logos are registered trademarks or trademarks of ZeniMax Media Inc. in the U.S. and/or other countries. All Rights Reserved.
Interviewee
![](/article/05802f6c0f7cf3aeb5f08ceb478f86f98ab80994.jpg)
Point 1:明るくカラフルなムードとカオスなムードが混ざる背景
アート班とコンセプトを共有し、ディレクターのジョン氏の要望を聞きながら、カラフルさとカオスさを混ぜ合わせた背景を生み出した。
様々な観点から描かれたコンセプトアート
![](/article/fdb138096dd666c15747bbd9f0342fbd15199116.jpg)
ステージ制作のながれ
本作が例外的なのは「全てを音楽に合わせるため、具体的なステージの制作が後になる」という開発フローだ。まず楽曲に合わせてグレーモデルでステージの構造を決定してから、背景班がアセットを制作していった。
![](/article/910f75114ffbcb21df403b6ff65c7bbb7e0a439b.jpg)
-
背景のカラーコンセプト。エリアの特徴を見ながら固有色などの配色を決める -
背景制作の初期~中期の様子。基本的に本作はリズムアクションゲームであるため60fpsを死守する必要があり、当初はリフレクションも入れていなかった
-
UE4で既存のプロップなどを利用し、エリア全体のデザインを具体化。このターンでライティングコンセプトも作成 -
背景制作の後期。様々な機能を入れてルックを向上させられることがわかると、今度は逆に悪目立ちしないような調整も行われた
![](/article/e12fb3b152f58f6bd930737e89f670fb39a346e7.jpg)
背景アセットの質感設定
背景制作では主にMayaでモデルを作成。そこへLUT、エッジ、ニュアンスという3枚のテクスチャを使用しアウトラインや質感を表現している(Tangoでは3つの頭文字を取り、LENと呼ばれる)。
![](/article/6c622e581cee08a6bc6c03fbe206a8a69e5b4dc4.jpg)
斜めに動くガラスのスペキュラ
ガラスなどのオブジェクトのスペキュラも、トゥーン調の表現が徹底された。特に斜めに入るスペキュラはジョン氏が「カメラが動いたら、スペキュラも動くようにしてほしい」とこだわった部分だ。
![](/article/C04a_T_HighlightMaskLinear_.jpg)
![](/article/661ea24b78cc49409f9b296cc1b38c8e8e3433a8.jpg)
![](/article/becf5df3b9afe9d0550477d35d5286db14915328.jpg)
フレネルによる半透明表現
背景のガラスなど半透明のオブジェクトのライティングにはフレネルが活用された。
![](/article/27ed01e337d74ebd240ec4d728aeb76e226cc53a.jpg)
![](/article/76ae4a260025fcb5a687280ca175b8b10303c059.jpg)
SSR(スクリーンスペース リフレクション)による映り込み
-
汎用のラフネステクスチャ。映り込みの強さは5段階ある -
UV設定。ここではMayaでの作業となり、前述のLENを使用したアセットに加える場合、UVセットをすでに3つ使用しているため、4つ目を作成し、入れたい強度のところにUVを作成する
![](/article/af392c2dc1d92664506a1f411dbf7d1d37d9a802.jpg)
Point 2:コミックテイストならではの光と影、そのシャープな表現方法とは
最後にライティングでは、コミック風ビジュアルを活かしつつ、ひととおりのリッチな描画要素を実装している。その工夫を紹介する。
フォワードライト
本作ではUE4のフォトリアルなライティングをそのまま使用すると重くなりすぎるため、独自実装した3種のライトを活用している。そのひとつ、フォワードライトはカットアウト表現が搭載されたライト。1画面で8個まで表示を可能としている。
ただテクスチャ投影機能がないため、投影が必要な場合はデカールライト、そうでない場合はフォワードライトと使い分けるという。またディレクショナルライトのような表現もできるため、ポイントで明るくしたいところにも使われる。
デカールライト
デカールライトはテクスチャを投影できるしくみをもつライト。
![](/article/c237281f63c315135faf2842346248afe28dde56.jpg)
![](/article/752e590a4d92c55842e5f394cf0378665f7522f6.jpg)
Lightmassを拡張したGIベイク
本作ではライトマップは使っておらず、ProbeGIと呼ばれるライトプローブをベースとしたGI表現を実装している。これはエミッシブとスタティックライトをGIベイクできる機能で、ベイクの対象範囲にワールドボリュームライティングボリュームを配置することで適用する。このほかに、ベイクオンリーメッシュを使用し、擬似GIをベイクする手法も採用。
多種多様な影の表現
![](/article/e9e15da0bbf33df13108f5c9a24dc0e884b7d242.jpg)
-
ボスなど、一部演出上カプセルシャドウでは表現が難しい巨大なキャラクターについては、専用影ライトを使用して動的シャドウを描画している -
背景においても、動くオブジェクトに対してはクオリティアップにつながる箇所に限り影ライトを使用している。画像では大きく動く赤と黄色のギミックアームに影ライトを適用し、周囲の壁や配置物に動的シャドウが落ちている
-
背景の固定影については、ライトから影を落とせないため、スタティックシャドウマップアクターを配置し、対象物を投影、影が描画される面のみボリュームで囲うことで表現している -
影が落ちる場所にシャドウオンリーモデル(画像内ピンク色のオブジェクト)を配置した様子。シャドウオンリーモデルは、自身は描画されず影だけを落とす設定のオブジェクト
![](/article/bb0130e3fd7da2fea31d413b2cc9f8321897ead4.jpg)
ライティング要素をポストプロセスボリュームでまとめる
本作のポストプロセスは、ポストプロセスボリュームで対象範囲を囲い、アンビエントキューブマップやシャドウボリュームを配置してポストプロセスボリュームに紐付けることで表現している。
-
アンビエントキューブマップでは6方向のキューブマップを使い、おおまかな陰影を付けている。「これは2D的な画づくりから発案されたもので、ライトが当たらない部分の陰影や影の中の陰影を表現したり、明るさや色を設定できます」(田中氏) -
【左画像】の適用結果
![](/article/E05b_Track10_ShadowVolume1.jpg)
![](/article/E05c_Track10_ShadowVolume2.jpg)
![](/article/2e26d3df7de2d54f47da34738fea25dbe6068ac4.jpg)
斜線で表現するSSAO
コミック風の画づくりのため、SSAO(スクリーンスペース・アンビエント・オクルージョン)は斜線(ハッチング)での表現を採用。ポストプロセスボリュームにSSAOのデータテーブルを紐づけ、エリアによって適宜調整を加えている。
解析フォグとハーフトーン
本作では、ライトシャフト表現を「解析フォグ」と呼ぶマテリアルで行なっており、スポットライト型、ポイント型、頂点アルファでグラデーションを表現する方法の3種類を使い分けている。
![](/article/b415b9646690e96f942e319d5f93d215cb81c34f.jpg)
![](/article/3d33070c5143198114bd12cbe39536f5b79a680b.jpg)
![](/article/000000001062_MBweOwC.jpg)
CGWORLD vol.297(2023年5月号)
特集:超こだわりのルック開発
判型:A4ワイド
総ページ数:112
発売日:2023年4月10日
価格:1,540 円(税込)
TEXT_葛西 祝 / Hajime Kasai
EDIT_小村仁美 / Hitomi Komura、山田桃子 / Momoko Yamada