Games

一歩進んだビジュアルエフェクトガイドを読んで魅惑的なビジュアルエフェクトを作成しよう

SHANTI ZACHARIAH / UNITY TECHNOLOGIESSenior content marketing manager
Dec 6, 2022|8 分
一歩進んだビジュアルエフェクトガイドを読んで魅惑的なビジュアルエフェクトを作成しよう
e ブック「The definitive guide to creating advanced visual effects in Unity」で紹介されているビジュアルエフェクトの例。

魔法が起こす火花、噴き上がる煙、紫や青に輝くエネルギー線、霧や雨の中に見える街の灯り、草が揺れる野原......現代のゲームは、ビジュアルエフェクトの感情に訴える力なしには考えられません。

プレイヤーに深い没入感を与える体験を作り出すには、ビジュアルエフェクトが重要です。また、絶えず進歩し続けるハードウェアのおかげで、これまでハリウッドの大作映画でしか実現できなかったことが、リアルタイムで実現できるようになりました。

Visual Effect Graph は、アーティストやデザイナーが少ないコーディング、あるいはコーデ ィングなしで制作を行うために Unity で用意されている主要なツールセットの 1 つです。ノードベースのビジュアルロジックにより、さまざまなジャンルのプロジェクトで、シンプルなものから複雑なものまで、無数のエフェクトを作成することができます。

Unity が新しく公開した 120 ページの e ブック「The definitive guide to creating advanced visual effects in Unity」 は、Visual Effect Graph の Unity 2021 LTS バージョンを使用するア ーティスト、デザイナー、プログラマーに向けたガイドです。いくつものレイヤーを重ねたリアルタイムのビジュアルエフェクトを制作する際の参考にしてください。

e ブック「The definitive guide to creating advanced visual effects in Unity」で紹介されている画像のコラージュ
堅牢なビジュアルエフェクトのオーサリング
GitHub と Steam で公開されている Unity Spaceship Demo の SpaceshipHoloTable
GitHub と Steam で公開されている Unity Spaceship Demo の SpaceshipHoloTable

Visual Effect Graph は GPU アクセラレーションを使ったパーティクルシステムを作成するため、ターゲットデバイスとの互換性を維持するためにコンピュートシェーダーのサポートを必要とします。 ユニバーサルレンダーパイプライン(URP、2D Renderer を含む)および HD レンダーパイプライン(HDRP)と組み合わせて動作します。

ビルトインのパーティクルシステムと⽐較して、Visual Effect Graph は、⾼速シミュレーション、カスタマイズ可能なビヘイビア、拡張性、カメラバッファへのアクセス、ネイティブのシェーダーグラフの統合により、より多くのパーティクルを駆動することができます。シェーダーグラフで作成した任意のカスタムシェーダーを Visual Effect Graph のターゲットとして使用することができます。これらのシェーダーでは HDRP のヘアやファブリックなどの新しいライティングモデルを使用したり、パーティクルを頂点レベルで修正して、羽ばたく鳥やシャボン玉のように揺れるパーティクルなどのエフェクトを実現したりすることができます。

色鮮やかで情報量の多いガイド
VFX Graph Samples パッケージの「Magic Lamp」サンプルシーン
VFX Graph Samples パッケージの「Magic Lamp」サンプルシーン

今回の Visual Effect Graph について解説した e ブックは、見た目が美しいだけでなく、インスピレーションや豊富な情報を与えてくれるものに仕上がっています。映画やゲーム業界で活躍するベテランビジュアルエフェクトアーティスト Wilmer Lin 氏と、Unity Graphics チームの社内エキスパートとのコラボレーションで作成されたこの e ブックは、Unity でのビジュアルエフェクトオーサリングに関して、そのカバー範囲、レベル、丁寧な指導、画像やビデオ、多数のダウンロード可能なリソースやリファレンスなど、手間を惜しみなくつぎ込んで出来上がった内容となっています。

ガイドの内容を少し見てみましょう。

Visual Effect Graph の内部構造を理解する
VFX Graph ウィンドウ
VFX Graph ウィンドウ

VFX Graph Asset とコンポーネント、VFX Graph ウィンドウから、Visual Effect Graph の各部分を徹底的に理解しましょう。システムコンテキストブロックプロパティ演算⼦ブラックボードサブグラフイベント属性などを使って、ロジックを作成する⽅法について学びましょう。

動く部品をつないでインタラクティブに
サンプルシーン「Magic Lamp」の精霊のベジェ曲線エフェクトを Property Binder で作成する
サンプルシーン「Magic Lamp」の精霊のベジェ曲線エフェクトを Property Binder で作成する

ビジュアルエフェクトは、多数の動く部品でできていることがよくあります。それらをアプリケーションの適切な場所に接続することは、実行時にエフェクトをひとまとまりのものにする上で不可欠です。以下に示したような、エフェクトを再生するために利用できるツールやその使い方を e ブックから学べます。

  • Event Binders︓シーン内で起こるいくつかの異なる事象をリスンし、実⾏時に特定のアクションに反応します。
  • Timeline︓アクティベーショントラックを使ったシーケンスになっているビジュアルエフェクトで、選択したタイミングでグラフにイベントを送信するものに使います。カットシーン中にエフェクトをかけるなど、あらかじめ設定されたタイミングを正確にコントロールすることができます。
  • Property Binders︓シーンやゲームプレイの値をブラックボードの公開プロパティにリンクし、エフェクトがシーンの変化にリアルタイムで反応するようにします。
詳細な Visual Effect Graph のサンプルシーンを見てみよう
帰ってきた『GooBall』。ごく初期の Made with Unity ゲームが、ビジュアルエフェクトのサンプルシーンとして復活する。
帰ってきた『GooBall』。ごく初期の Made with Unity ゲームが、ビジュアルエフェクトのサンプルシーンとして復活する。
パイプラインツールでビジュアルエフェクトを強化
UnityLogo エフェクトを駆動する Vector Field。
UnityLogo エフェクトを駆動する Vector Field。

エフェクトは真空中に孤立して存在しているわけではありません。意図したルックを実現するために、外部データを提供する必要がある場合も多いでしょう。

魔法のランプから精霊を出現させたい場合はどうすればいいのでしょうか。ホログラムを仕込みたい場合はどうでしょう。数学関数や演算⼦で多くのことを実現できますが、より複雑な形状やフォームを操作するためのエフェクトが必要な場合があります。

このセクションでは、Unity でサポートされている 3 つの Data タイプを使⽤して、ビジュアルエフェクトを強化する⽅法について説明します。3 つの Data タイプとは、Point CacheSigned Distance Field、そして Vector Field です。その他、Unity でビジュアルエフェクトを作るアーティスト向けの追加ツール VFXToolbox、スプライトにアニメーションエフェクトをベイクするためのツール Flipbook Texture Sheets について学ぶことができます。

e ブックをダウンロードし、感想をお聞かせください。
Unity で高度なビジュアルエフェクトを作るための決定版ガイド|e ブック

このガイドの他の章では、ビジュアルエフェクトのための最適化技術、Visual Effect Graph の将来の開発に触れており、巻末にチュートリアルと動画の長大なリストを掲載しています。この価値あるリソースを提供できることを嬉しく思います。この資料は(Unity のテクニカルな e ブックはすべてそうですが)無料でダウンロードできます。このフォーラムでぜひ皆さんのフィードバックをお寄せいただければと思います。

利⽤可能な Unity の e ブックの全リストは、How-to ハブをチェックするか、Working in Unity > Best practices guide にまとめてあるドキュメンテーションをご覧ください。