テクノロジー

Unity VFX-Graphと和解したい(2020.3.8更新)

Muromachi's icon'
  • Muromachi
  • 2020/02/26 15:53

 

 

 

2020年2月上旬、
Unity2018以降導入されたVisual Effect Graph(通称VFX-Graph)を触り始めました。

What' this?分かりやすく。
→「ノードベース(ノンプログラミング)でGPUパーティクル(GPUで動く粒子エフェクト)が生成できるツール」です。

「細かい事は抜きに見てみたい!」
という方はすぐ下の作品までスクロールをしてください。

VFX-Graphで生成されるパーティクルは従来のCPUではなくGPUで動作されます。複雑かつ綺麗な表現を高速に処理する事ができるのです。
やり直し試行できる非破壊的な作業環境、キレイな描写、リアルタイムで編集結果が確認できるという点で、今後これを扱えるようになりたいと思いました。

決してノンプログラミング=簡単ではなく、処理の手続きを見やすく可視化したものと言った表現の方が正しいので、結局中身をちゃんと理解していなければ扱う事はできません。そういうわけでこうして練習を重ねていこう、というわけです。

まだまだweb上にノウハウが溜まってない分野ですので、貢献したい気持ちも強いです。

 

さて、課題作品は以下に並びます。
Unityバージョンは2019.3.1f1です。
20FPSのGIF動画にしているため、動作に少しカクつきがあります。

Content image

1-Perlin Curl Noise 2DとTurbulence(2020.2.25)

Content image
意外とシンプルです。

 

2-アラビアンな魔法エフェクト(2020.2.26)

なんとも安っぽい。D級エフェクトと名付けます。
Content image
結構頑張ったんですけどね!

 

3-Point Cache(2020.2.27)

YouTubeに挙げられていたチュートリアルを参考に作りましたが、我ながら素材がウ○チ!
Content image
Point Cacheノードを使うなどアイデアをたくさん頂きました。頭固いからこんな発想はなかなかできない。

 

4-Perlin Curl Noise 2DとTurbulence(2020.2.27)

Content image
実質、1作目の改変作です

 

5-Perlin Curl Noise 3DとConform to Sphere(2020.3.3)

inspectorにパラを載せて音と連動させると絶対面白い。クラブシーンで活きるエフェクト。
Content image
見にくいけどワインレッド色の長い棒で、先端だけがまばゆく光るようにしています。

 

6-Perlin Curl Noise 3D(2020.3.4)

実質"2D"だが、蛇状に追従させたり音ゲーチックな演出を覚えた。
Content image
尻尾は座標をずらしてあたかも付いて行ってるかのように見せただけ。

 

7-Perlin Curl Noise 3DとPoint CacheとPeriodic Total Time(2020.3.5)

Periodic Total Timeを放射に結び付けるのは我ながら良いアイデア
Content image
これまでの応用。

 

8-Texture(2020.3.8)

ポップな感じ
Content image
いつものやつに自作Textureを割り当て色をランダムに。色別に違う動きをするようにした。

 

引き続き作り次第、追記致します。

こちらのインスタアカウントで記事のものより比較的綺麗に見る事ができます。


以下、自分が触って得たノウハウです。
覚えたり気付きがある度(&暇があれば)追記していきます。
今はまだ全然充実していないですが…

制作

・基本的に粒子は細かい方が綺麗に見える(大きくても0.2まで)
・GPUパーティクルなので細かく粒子の数を増やせ(1~50万)
・エフェクト重畳する際はコピーを使え、またはサンプルから持ってこい
・色を混ぜ合わせる際はOutputフェーズで『Multiply Color』を使う
 

Block

●Spawn:生成の前提

 Constant Spawn Rate:生成パーティクル数の指定
 Single Burst:パーティクルを一度だけ生成する、その数の指定
 

●Initialize Particle:発生時の設定

 Capacity:パーティクル数の上限の指定
 Set Lifetime:パーティクルの寿命の指定
 Position:初期位置(形状指定可能)
 Set Scale:パーティクルの初期サイズ
 Set Color:パーティクルの初期カラー
 

●Update Particle:生成後の動きの設定

 Turbulence:動きにねじりをつけられる
 Conform to ○○:目的の形状に動かせる
 

●Output Particle:粒子の見た目の設定

 Shader Graph:シェーダーグラフとの連携
 Main Texture:テクスチャの指定
 Set Color:色の指定
 Multiply Color:色の掛け合わせ

Node

 

 

 

 

 

Supporter profile iconSupporter profile iconSupporter profile iconSupporter profile icon Supporters link icon
Article tip 6人がサポートしています
獲得ALIS: Article like 106.64 ALIS Article tip 25.90 ALIS
Muromachi's icon'
  • Muromachi
  • @Muromachi
成れ果て

投稿者の人気記事
コメントする
コメントする
こちらもおすすめ!
Eye catch
クリプト

Bitcoin史 〜0.00076ドルから6万ドルへの歩み〜

Like token Tip token
947.13 ALIS
Eye catch
ゲーム

ドラクエで学ぶオーバフロー

Like token Tip token
30.10 ALIS
Eye catch
他カテゴリ

ALISのシステム概観

Like token Tip token
5.00 ALIS
Eye catch
テクノロジー

オープンソースプロジェクトに参加して自己肯定感を高める

Like token Tip token
85.05 ALIS
Eye catch
クリプト

Bitcoinの価値の源泉は、PoWによる電気代ではなくて"競争原理"だった。

Like token Tip token
159.32 ALIS
Eye catch
クリプト

ブロックチェーンの51%攻撃ってなに

Like token Tip token
0.00 ALIS
Eye catch
テクノロジー

なぜ、素人エンジニアの私が60日間でブロックチェーンゲームを制作できたのか、について語ってみた

Like token Tip token
270.93 ALIS
Eye catch
クリプト

Uniswap v3を完全に理解した

Like token Tip token
18.92 ALIS
Eye catch
クリプト

NFT解体新書・デジタルデータをNFTで販売するときのすべて【実証実験・共有レポート】

Like token Tip token
120.79 ALIS
Eye catch
クリプト

約2年間ブロックチェ-ンゲームをして

Like token Tip token
61.20 ALIS
Eye catch
テクノロジー

iOS15 配信開始!!

Like token Tip token
7.20 ALIS
Eye catch
クリプト

「ハッシュ」とは何なのか、必ず理解させます

Like token Tip token
0.10 ALIS