Unity を検索

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

2022年12月6日 カテゴリ: ゲーム | 8 分 で読めます
Create spellbinding visual effects with our advanced VFX guide | Hero image
Create spellbinding visual effects with our advanced VFX guide | Hero image
シェア

Is this article helpful for you?

Thank you for your feedback!

Visual effects examples from "The definitive guide to creating advanced visual effects in Unity" e-book.

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

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

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

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

Collage of images from "The definitive guide to creating advanced visual effects in Unity" e-book

堅牢なビジュアルエフェクトのオーサリング

The SpaceshipHoloTable from the Unity Spaceship Demo, available on GitHub and Steam
GitHub と Steam で公開されている Unity Spaceship Demo の SpaceshipHoloTable

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

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

色鮮やかで情報量の多いガイド

The Magic Lamp sample scene from the VFX Graph Samples package
VFX Graph Samples パッケージの「Magic Lamp」サンプルシーン

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

ガイドの中身をざっと見てみましょう。

このコンテンツはサードパーティのプロバイダーによってホストされており、Targeting Cookiesを使用することに同意しない限り動画の視聴が許可されません。これらのプロバイダーの動画の視聴を希望する場合は、Targeting Cookiesのクッキーの設定をオンにしてください。

このような動画チュートリアルは、e ブックの内容を補足するもので、近日中に Unity の YouTube チャンネルで公開される予定です。

Visual Effect Graph の内部構造を理解する

The VFX Graph window
VFX Graph ウィンドウ

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

動く部品をつないでインタラクティブに

Using a Property Binder to create a Bézier curve effect for the genie in the Magic Lamp sample scene
サンプルシーン「Magic Lamp」の精霊のベジェ曲線エフェクトを Property Binder で作成する

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

  • Event Binders シーン内で起こるいくつかの異なる事象をリスンし、実行時に特定のアクションに反応します。
  • Timeline アクティベーショントラックを使ったシーケンスになっているビジュアルエフェクトで、選択したタイミングでグラフにイベントを送信するものに使います。カットシーン中にエフェクトをかけるなど、あらかじめ設定されたタイミングを正確にコントロールすることができます。
  • Property Binders:シーンやゲームプレイの値をブラックボードの公開プロパティにリンクし、エフェクトがシーンの変化にリアルタイムで反応するようにします。

詳細な Visual Effect Graph のサンプルシーンを見てみよう

GooBall is back: The very first Made with Unity game returns as a VFX sample scene.
帰ってきた『GooBall』。ごく初期の Made with Unity ゲームが、ビジュアルエフェクトのサンプルシーンとして復活する。

カラフルな Particle Strip の群れ、衝突する Meteorite の爆発エフェクト、さらにぬるぬる感の増した GooBall。これらは Visual Effect Graph - Samples (HDRP) で見られるエフェクトのほんの一部です。

各サンプルは、Visual Effect Graph に関連する別々のシナリオに光を当てています。理解を深めるために、e ブックのこのセクションではこれらのサンプルがどのように作成されたのかを、そこで使われたテクニックも合わせて解説しています。

  • シェーダーと Visual Effect Graph の組み合わせ
  • GPU イベントを使って同一グラフ内で別々のシステムをトリガー
  • Noise Operator を使った Particle Strip への有機的な動きの追加、各 Particle Strip のテクスチャマッピング、スポーン、向きをカスタマイズするために使えるブロック群
  • 1 つのグラフでビジュアルエフェクトの中の他のグラフを駆動
  • 他の多数のエフェクトをトリガーするスポーンコンテキスト
  • メッシュからデータを取得し、その結果をグラフに含める実験的なメッシュサンプリング

GooBall シーンの解説の続きも含め、さまざまなサンプルを紹介するクリップを e ブックでご覧ください。

このコンテンツはサードパーティのプロバイダーによってホストされており、Targeting Cookiesを使用することに同意しない限り動画の視聴が許可されません。これらのプロバイダーの動画の視聴を希望する場合は、Targeting Cookiesのクッキーの設定をオンにしてください。

GooBall ビジュアルエフェクトサンプル。その他のクリップや動画は e ブックにリンクされている。

パイプラインツールでビジュアルエフェクトを強化

A Vector Field drives the UnityLogo effect.
UnityLogo エフェクトを駆動する Vector Field。

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

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

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

e ブックをダウンロードし、感想をお聞かせください。

The definitive guide to creating advanced visual effects in Unity | E-book

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

利用可能な Unity の e ブックの全リストは、How-to ハブをチェックするか、Advanced best practice guides ドキュメントをご覧ください。

2022年12月6日 カテゴリ: ゲーム | 8 分 で読めます

Is this article helpful for you?

Thank you for your feedback!

フォーラムでディスカッションに参加する
関連する投稿