LoginSignup
6
5

More than 3 years have passed since last update.

【VFX Graph】宝箱をキラキラ光らせてみた。

Last updated at Posted at 2019-07-10

はじめに

宝箱をキラキラさせるエフェクトをVFX Graph(Visual Effect Graph)で作ってみました。

sparkle_scene.gif

今回の記事では、上記のエフェクトの作り方を解説したいと思います。

環境

【Unityバージョン】
Unity 2019.1.1f1

【パッケージ】
Lightweight RP - Version 5.7.2
Visual Effect Graph - Version 5.13.0(Preview)

【OS】
Windows 10

STEP1 : テクスチャの準備

今回は以下の四角星のテクスチャを使用しました。(解像度:128x128)
四角星テクスチャ(透過png)

Star_no_alpha.png

上記のテクスチャはSubstance Designerを使って作成しています。
image.png

STEP2 : VFX Graphの作成

今回は以下のようなVisualEffectGraphを作成しました。
image.png

VFX Graph解説 : Spawnノード(パーティクルの生成)

Constant Spawn Rateブロックを使って毎秒32個のパーティクルが出るようにしています。

VFX Graph解説 : Initializeノード(パーティクルの初期化)

Position(Sphere)ブロックでは、パーティクルの初期位置が球状に配置されるようにしています。

Set Lifetime Randomブロックではパーティクルの寿命を設定されるようにしています。
image.png

VFX Graph解説 : Updateノード(パーティクルの毎フレーム処理)

今回はUpdateノードには何も行っていません。

image.png

VFX Graph解説 : Outputノード(パーティクルの描画)

Set Size over Lifeブロックでは、時間経過で徐々にパーティクルサイズが小さくなるような変化を与えています。パーティクル生成時は1で、最後には0になるようになっています。

次にMultiply Sizeブロックを使い、パーティクルサイズを0.2倍にしています。

最後にMultiply Color randomizedブロックを使ってパーティクルの色をランダムにしています。

image.png

STEP3 : VFX Graphの配置

STEP2のエフェクトを配置すると以下のようになります。
result.gif

VFXGraphのパラメータは以下のように設定しました。
image.png

STEP4 : 宝箱の配置

宝箱を配置し、Post Processing StackのBloomを適用すると以下のような見た目になります。
result2.gif

宝箱について

宝箱は下記のアセットを使用させていただきました。

Treasure Set - Free Chest
https://assetstore.unity.com/packages/3d/props/interior/treasure-set-free-chest-72345

参考URL

【Unity】Visual Effect Graph(VFX Graph)をLWRPで使用する
http://tsubakit1.hateblo.jp/entry/2019/04/03/233240

6
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
5