2020年11月09日

[Unity] VFX(Visual Effect Graph)を勉強する 〜Unity2020での導入〜

Unityで格好良いエフェクトを作れるというVFX Graph(Visual Effect Graph)を、VFX Graphの知識ゼロの状態から勉強していく過程を残していきます。



既存のパーティクルとの違いは?


エフェクトと言えば既にパーティクルがあるのですが、違いを調べてみると大きな違いはこんな感じ。

・パーティクル = CPUで実現(モバイルでたくさん描けないけど、どの機種でも表現できる)
・VFX Graph = GPUで実現(モバイルでたくさん描けるけど、機種によって対応していない)
※ググれば詳しい情報がヒットします
※スマホアプリで使うことを前提にしています



なぜVFX Graphか?


対応機種が増えてくるだろうし、これから多用されそうな気がするから。



導入してみる


@Unityをインストール
どうせなら現時点で新しいUnityを使おうということで、Unity2020をインストール。
スクショは「2020.1.12f1」ですが、実際に使っているのは「2020.1.9」。

20201108_1.png

Aプロジェクトを新規作成
将来的には、VFXを愚痴フリーで使いたいので、プロジェクトを新規作成するときは「2D」を選択。

20201108_2.png

BVisual Effect Graphをインストール
Window > Package Manager から、Visual Effect Graph を選んでインストール。
画面右に「Samples」とあるけど、VFXのサンプルをインポートすることが出来た(今回は無視)。

20201108_3.png

C早速VFX Graphを作ってみる
Projectウィンドウで右クリック > Create > Visual Effects > Visual Effect Graph を選択。

20201108_4.png

すると、「New VFX」というオブジェクトができます。

20201108_5.png

「New VFX」オブジェクトをHierarchyウィンドウにドラッグ&ドロップします。

20201108_6.png

すると、SceneウィンドウにVFXが表示されました。

20201108_7.png

DVFX Graphを確認する
Hierarchyウィンドウで「New VFX」を選択すると、Inspectorウィンドウに詳しい情報が表示されます。
その中の「Visual Effect > Edit」ボタンを押します。

20201108_8.png

すると、VFX Graphの中身が確認できるウィンドウが出現します。

20201108_9.png

基本的な使い方は、こちらの動画で紹介されています。




基本の4要素


VFX Graphで重要なのは、軸となる4要素です。
スクショでは上から順に

・Spawn = いくつパーティクルを生み出す
・Initialize Particle = どういう風にパーティクルを生み出す
・Update Particle = パーティクルを動かす
・Output Particle XXXX ※XXXX が何種類かある = パーティクルの見た目

となっています。
次回からは、このVFX Graphの使い方についてもう少し掘り下げていってみます。
posted by be-style at 22:09| Comment(0) | Unity
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。