アグニちゃんが実体感のある美人さんに見える理由――“Agni's Philosophy”の舞台裏【SQEXオープンカンファレンス2012】

2012年11月23日と24日、スクウェア・エニックスが“スクウェア・エニックスオープンカンファレンス2012”を開催した。本稿では、同社テクノロジー推進部のドリアンクール・レミ氏とメタアパノン・ナパーポーン氏による発表“リアルタイムグラフィックス技術解説”の内容をお届けする。
assets2-5/TN4_2278.JPG

 2012年11月23日と24日、スクウェア・エニックスが東京都のベルサール神田で公開技術カンファレンス“スクウェア・エニックスオープンカンファレンス2012”を開催した。
 その中から本稿では、同社テクノロジー推進部のドリアンクール・レミ氏とメタアパノン・ナパーポーン氏による発表“リアルタイムグラフィックス技術解説”の内容をお届けする。なお、講演はおもに人体周りの内容をドリアンクール氏が、後半の無機物周りのシミュレーションなどをメタアパノン氏が行った。

 テーマは、テクノロジー推進部が開発中の最新ゲームエンジン“Luminous Studio”の技術デモ「Agni's Philosophy」を制作するにあたって、どのようなリアルタイムCG技術が使われているか。最新の学術的研究なども応用した専門的な内容だったが、講演中に見せていたデモ映像や参考画像が面白かったので、専門用語は適宜読み飛ばしつつ、「へー、そんなことやってるの」程度でも興味を持って頂ければ幸いだ。


●グローバルイルミネーション

 おおざっぱに説明すると、照り返しなどの間接光などを考慮して照明効果を計算すること。実際にはすべての光線の行方を追うわけにはいかないので、さまざまな手法で事前計算を行なっておいて、擬似的に再現するのが一般的。


assets2-2/a-02.jpg assets2-2/a-05.jpg

▲ゲームのようなインタラクティブ性がないこと、質の高い結果が欲しいが他のリソースを犠牲にしたくはないといった「Agni's Philosophy」ならではの理由からグローバルイルミネーションを実現する手法が選択されている。

assets2-2/a-03.jpg assets2-2/a-04.jpg assets2-2/a-08.jpg

▲静的なオブジェクトか動的なオブジェクトかによって間接光の事前計算結果をどこから取り出すかが異なる。
背景などの静的オブジェクトは2Dライトマップ、動的オブジェクトはイラディアンスボリューム。結果は球面調和関数を利用して格納されている。また、静的なオブジェクトか動的なオブジェクトかによって、静的オブジェクトのリアルタイムシャドウの影響を受けるかどうかが異なる。

assets2-2/a-06.jpg assets2-2/a-07.jpg

▲焼き込んだ結果。

●アンビエントオクルージョン

 周囲から当たる環境光がどれだけ強いかを考慮するにあたって、物体の特定の部分がどれだけ遮蔽されているかによって色を変化させ、主に自然な陰影を再現する。


assets2-3/b-01.jpg assets2-3/b-02.jpg

▲「Agni's Philosophy」では複数のアンビエントオクルージョンを使い分けている。

▲「Agni's Philosophy」のシェーダー構成(簡略版)。

assets2-3/b-03.jpg assets2-3/b-04.jpg

▲事前計算で焼き込んだAO。

▲SSAOの場合。

assets2-3/b-06.jpg assets2-3/b-05.jpg

▲オブジェクトベースAO。タイヤと床板の間あたりに注目。左がオフで右がオン。

assets2-4/AcroRd32 2012-11-25 06-49-34-61.jpg assets2-4/AcroRd32 2012-11-25 06-49-35-88.jpg

▲アグニの場合。より自然な柔らかい陰影が生まれている。

assets2-4/AcroRd32 2012-11-25 06-49-33-27.jpg

▲“サチュレーテッドAO”。遮蔽具合をカラーに対してかけるのではなく、カラーの強さに対してかける。

assets2-4/AcroRd32 2012-11-25 06-49-43-34.jpg assets2-4/AcroRd32 2012-11-25 06-49-44-95.jpg assets2-4/AcroRd32 2012-11-25 06-49-49-02.jpg

▲左が通常のAO(黒く出る)。その中央と右がサチュレーテッドAO。色味が出て黒くなりすぎない。

●肌周りの表現(サブサーフェイススキャッタリング、肌のスペキュラーetc)

 通常のシェーディングでは皮膚が「カサカサに見える」とドリアンクール氏。人間の皮膚の感じを再現するために、サブサーフェイススキャッタリングや独特なスペキュラー処理などを行なっている。サブサーフェイススキャッタリングとは、物体内に入った光が散乱する現象。人体モデルなどでは、手のひらを太陽に透かしてみると真っ赤に流れる僕の血潮が見えたりする、光の皮膚下散乱のこと。


assets2-5/c-01.jpg assets2-5/c-02.jpg

▲人間の肌はディフューズが94%でリフレクションが6%。皮膚は複数の層で出来ており、皮膚下で光が散乱する。

assets2-5/d-01.jpg assets2-5/d-02.jpg

▲いろいろ実験。皮膚の複数の層をシミュレートしてみたり、バンプマップを手がかりにしてみたり。

assets2-5/d-03.jpg assets2-5/d-04.jpg assets2-5/d-05.jpg

▲バンプマップとブラーをかけたバンプマップの差分から色を変えている“フェイク・カラーシフト”での例。

assets2-5/e-01.jpg assets2-5/e-02.jpg

▲テクスチャ空間SSS、スクリーン空間SSS……。

assets2-5/f-01.jpg assets2-5/f-02.jpg assets2-5/f-03.jpg

▲「Agni's Philosophy」で採用したのはスクリーン空間SSSにサンプリングポイントとしてポワソンディスクサンプリングを加えたもの。カメラとの距離などで最適化が行えるといったメリットがあるそう。

assets2-5/g-01.jpg

▲SSSオフ。

assets2-5/g-02.jpg

▲SSSオン。鼻のフチとかがちょっと赤くなっている。

assets2-5/g-03.jpg assets2-5/g-04.jpg

▲おヒゲの召喚士の場合。

assets2-5/g-05.jpg assets2-5/g-06.jpg

▲実は変身するハイエナやクリスタルなどにも使われている。

assets2-6/AcroRd32 2012-11-25 22-19-20-66.jpg

▲スクリーン空間SSSでは、裏側に抜けてくる光を十分に再現できない。そのためこれを再現するための手法が別に実装されている。

assets2-6/AcroRd32 2012-11-25 22-19-24-97.jpg assets2-6/AcroRd32 2012-11-25 22-19-26-28.jpg assets2-6/AcroRd32 2012-11-25 22-19-30-77.jpg assets2-6/AcroRd32 2012-11-25 22-19-32-26.jpg

▲バックスキャッタリングの例。耳の部分に注目。

assets2-7/AcroRd32 2012-11-25 22-17-44-53.jpg

▲“ドライ”スペキュラーと“ウェット”スペキュラーのふたつを使って皮膚の反射を再現。

assets2-7/AcroRd32 2012-11-25 22-18-18-86.jpg assets2-7/AcroRd32 2012-11-25 22-18-21-88.jpg assets2-7/AcroRd32 2012-11-25 22-18-28-52.jpg assets2-7/AcroRd32 2012-11-25 22-18-30-30.jpg

▲スペキュラーのみ(左)とキューブマップリフレクションを足した例(右)。生々しいぬめぬめ感。

▲“ウェット”スペキュラーでシドロ(召喚士のおっちゃん)に汗を足す(右)。涙などにも使える。

assets2-8/AcroRd32 2012-11-25 23-35-15-24.jpg assets2-8/AcroRd32 2012-11-25 23-35-41-09.jpg

▲ゲームのキャラクターはドアップになることもある。眼球(特に虹彩)がそれらしく見えるように、屈折も視差マッピングと屈折の組み合わせで表現している。

assets2-1/eye_01.jpg assets2-1/eye_02para0.jpg assets2-1/eye_03cubemap0.jpg

▲アグニちゃんの目のアップ。普通。

▲虹彩部分にかかっている視差マッピングをオフ。なんか眼球内部がのっぺりしたような……。

▲視差マッピングを戻して今度はキューブマップをオフ。目が死んでいる……。

assets2-8/AcroRd32 2012-11-25 23-35-51-90.jpg

▲完全に屈折を切るとこんな感じに。ギャー。

●髪の毛の表現

 顔の表現同様、髪の毛についてもヴィジュアル・ワークス品質の髪をリアルタイムCGとして実現することを目指している。問題は1本1本シミュレーションした場合は自然で滑らかな髪の毛を再現できるが、負荷が大きい上にアーティストの蓄積がないこと。そこで「Agni's Philosophy」では、ふたつの毛のモデルを組み合わせている。


assets2-8/AcroRd32 2012-11-25 23-36-41-23.jpg

▲髪の毛はポリゴンメッシュで作ったもの(“バナナリーフ”)と、ナーブスカーブで作り出すもの(NVIDIAの研究者にちなんで“タリク ヘアー”)を組み合わせて、動きとパフォーマンスのバランスを取っている。

assets2-8/AcroRd32 2012-11-25 23-37-11-83.jpg assets2-8/AcroRd32 2012-11-25 23-37-13-73.jpg assets2-8/AcroRd32 2012-11-25 23-37-15-90.jpg

▲アグニちゃん風マネキン。

▲バナナヘアーを乗せる。

▲タリク ヘアーを乗せる。

assets2-9/AcroRd32 2012-11-26 00-05-23-83.jpg assets2-9/AcroRd32 2012-11-26 00-06-16-36.jpg

▲タリク ヘアーの作り方。糸状のナーブスカーブがマスターとなる。コントロールポイントを持っており、アニメーション可能。テッセレーションにより滑らかに分割され、ビルボードを形成してからシェーディング。

▲おヒゲや動物の毛なども同様の手法でできている。オリジナルでは295本、1656コントロールポイントだったものが、2種類のテッセレーションで2万9500本、71万コントロールポイントのもじゃもじゃに。

assets2-9/AcroRd32 2012-11-26 00-50-09-65.jpg assets2-9/AcroRd32 2012-11-26 00-50-11-48.jpg assets2-9/AcroRd32 2012-11-26 00-50-15-80.jpg

▲というわけでパラメーターを放り込んでカールさせたり、先をひねったり、ヒゲの硬さを変えたり、重力からの影響を切ったり、自由自在。オブジェクトが当たることで変形するデモも披露された。

●ガラス・屈折

 ガラス瓶のCGをいかにガラス瓶のように見せるか? 「Agni's Philosophy」には、銃創を負ったアグニが清涼飲料水に回復魔法を込めて自分を回復する印象的なシーンが出てくる。


assets2-10/AcroRd32 2012-11-26 01-51-29-00.jpg assets2-10/AcroRd32 2012-11-26 01-51-33-95.jpg assets2-10/AcroRd32 2012-11-26 01-51-35-11.jpg

▲事前計算で屈折を計算しておく。表面だけ、表面と裏面だけの計算だと中身が詰まった物体がある感じ。

assets2-10/AcroRd32 2012-11-26 01-51-37-27.jpg assets2-10/AcroRd32 2012-11-26 01-51-51-97.jpg

▲瓶の屈折面は4つある。内側も計算してやるとそれっぽい感じに。

assets2-10/AcroRd32 2012-11-26 01-52-09-34.jpg assets2-10/AcroRd32 2012-11-26 01-52-17-10.jpg assets2-10/AcroRd32 2012-11-26 01-52-19-83.jpg assets2-10/AcroRd32 2012-11-26 01-52-23-54.jpg

▲屈折回数による違い。少ない回数では見えなかったオブジェクトが次第に出てくる。

●パーティクルシステム(水、血、煙、光虫……)

 パーティクルとは、粒子のこと。「Agni's Philosophy」では、キャンドルの灯、回復魔法をかけた水、召喚獣の肉を形成していく大量の光虫などがパーティクルシステムで生成され、制御されている。中でも発光しながら飛ぶ超大量の光虫は圧巻。10万匹が生成され、互いに重なり合わないようにしながら飛びまわっている。光虫は召喚獣の骨に取り付いたところで置き換えられて肉を形成していくのだが、こちらもパーティクルで処理している。


assets2-11/h-01.jpg assets2-11/h-02.jpg assets2-11/i-02.jpg

▲パーティクルシステムはGPUで実行。煙やキャンドルの灯、光虫や薬莢、水や血などの液体といった3タイプのパーティクルを生成・コントロール可能。

assets2-11/h-03.jpg

▲オブジェクトにぶつかっても跳ね返されず、周囲に沿って流れていくような表現も可能。

assets2-11/j-02.jpg assets2-11/j-03.jpg

▲液体タイプ。血や、召喚獣のお肉(メタボール)も表現。

assets2-11/i-01.jpg assets2-11/i-03.jpg

▲ビルボードタイプ。キャンドルの灯や煙など。

assets2-11/i-04.jpg assets2-11/j-01.jpg

▲メッシュインスタンスタイプ。メッシュを切り替えて光虫の羽ばたきも表現。ターゲットに追従するような動きもできる(デモビデオでは赤い光虫がクリスタルの動きを追従している)。