【Niagara】BPで動的にNiagaraを制御する

Niagaraにて、BPと連動する事で、数値を動的に変える方法を一つ紹介します。

バージョンは4.22.0です。

まずは確認用のデータを作ります。

NiagaraSystemから

Create a new system from a set of selected emitters

から

Fountain
を選択してNiagaraSystemを作ります。

上に向かってparticleが放出され、重力によって下に落下する動きのものが、生成されています。

ただ、このままでは若干解りにくいので

少し弄ります。

まずは、Calculate Size by Massのモジュールから、particleの大きさを小さくします

今回はXとYに0.25にします。

次に、Colorのモジュールから色を変更します

見やすいように、今回は青色でエミッシブに高い数値を入れて発光させましょう

Bを100に設定しました。

発生数が少ないと確認しにくいので

SpawnRateを1000にして、発生数を増やします。

放出位置にブレ幅があり、少し確認しにくい部分もあるので

Sphere Locationの

Sphere Radiusを0に設定して、発生位置のブレ幅をなくしましょう。

これにて確認用のparticleとしては完成です

青い粒子が、大量に上昇し、重力によって落下します。

#Niagara
BPで動的にNiagaraの数値を変えるテスト
最近記事書いてないので、少し書きたい pic.twitter.com/FfIM6wefUg

— moyasi@4/13日初の登壇決定！ (@torisutamoyasi) April 10, 2019

#Niagara
色とか大きさとかを調整して、解りやすくしてみるとこんな感じ pic.twitter.com/K6NOw23NKH

— moyasi@4/13日初の登壇決定！ (@torisutamoyasi) April 10, 2019

今回は、BPで制御して、この様な動きを作りたいと思います。

今回はレベルブループリントで発生させています。

単純にレベルブループリントで発生させる場合は

このようになります。

発生の基準の座標は、レベルに配置したCubeから座標を取ってきています。

ブループリントで動的に制御する場合。

まずはNiagara側で、ブループリントで制御する用のパラメータが必要になります。

パラメータの部分の+のアイコンから出てくるメニューで

Vectorを選択し、Vector型のパラメータを追加します。

名前はUser.Locationとしました。

名前は自由と言いたい所ですが

最初のUser.までは必須なので注意です、全て小文字でも恐らく大丈夫です。

追加したパラメータが、ユーザーの中にあるかを確認してください。

ここの名前で判断しているようで、ここ以外の場所に入っている場合は

名前が間違っていると思われます。「.」まで必要なので注意してください。

次に、作ったパラメータをNiagaraのデータ内に挿入する必要があります。

Positionをこのように書き換えます。

Engine.Owner.Position は、エフェクトを配置した座標を取ってきてくれます。

今回の場合、User.Locationで配置した座標もとってこれば不要とはなりますが。

計算をわかりやすくする為に、この用に今回は設定しておきます。

これにて、Niagara側での設定は完了です。

今回は、円を描くように発生位置を制御したいので

この様に作りました

SinとCosを使って円を描く処理です。

また、最後にLocationの変数にSetしておきます。

最後に、このように繋げれば完成です。

先ほどの円を描いて、Locationの変数にSetした後に

Set Niagara Variable(Vector3)

を繋ぎます。

また、このノードには、Niagaraそのものを発生させているノードから
Retum Valueの情報をターゲットに接続して、発生させたエフェクトと関連付けます

In Variable Nameには、Niagaraで設定しておいたパラメータ名にしておきます。

最後に、SetしていたLocationの変数をGetしてきて繋げます。

これにより、BeginPlayにてエフェクトを発生させ

その発生させたエフェクトに対して

Set Niagara Variable(Vector3)
をTickで毎フレーム処理をさせる事で

User.Locationのパラメータに毎フレーム円を描く座標を持ってきて、それを更新させます。

このUser.LocationはNiagara上の設定で

エフェクトを配置した座標から加算しています

それにより、配置した場所を基準にくるくる回る処理が完成しました。

【AE】aftereffect始めました

タイトル通り、aftereffectを触りだしました。

「SubstanceDesigner使ってるのに使ってなかったの？」

と思われる方居るかもしれませんが、使っていませんでした

Photoshopも同様で、aftereffectとようやく同時購入。

Photoshopもそうですが、aftereffect関係の記事も今後かけていけたらなと思います。

最初というのもあるので、少し解った作り方の基準みたいなのを。

作り方の基準として定番になりそうなのは

この様なオーラをベースに使います

次に、コントラストを調整します

色をつけます

色を調整します

大まかな流れはこんな感じになると思います。

この辺だけなら、SubstanceDesignerと作り方の根本は大差はないと思います。

ノイズをベースにつくる場合、SubstanceDesignerの場合

ノイズ同士をブレンドで合成して細かい調整したりする。

というのは定番になってくると思いますが。

aftereffectの場合は、ノイズ同士で合成するというより、ノイズのパラメータで変えていく感じになりそうです。

タービュレントノイズ、というノイズだけでこれくらいのパターンが用意されています。

一つのノイズで出来る事が比較的多いと思われます。

また、加工したりする処理の場合

SubstanceDesignerの場合は、加工する為のノイズを使う場合は比較的に多いですが

aftereffectは加工自体にノイズ使うことは少ないと思います（今の段階では憶測でしかありませんが。）

また、その影響もあるのか

ノードグラフのようになっているのが、縦に並んでいます。

単純に上からの処理となっているので。

順番などは解りやすく、どこにどの処理を入れたのか？を探す手間そのものは減ると思います。

また、最終結果を確認しながら、ベースのノイズを変えたりして結果確認したりするのも、aftereffectでも可能です。

比較的にaftereffect解りやすくて便利そうというのはあるのですが。

ただ、ノイズはシームレスでは無かったりしやすいので

シームレスな加工は、別途する必要が出てきやすいとは思います。

シームレスに作りたいものをつくる場合は、この辺は注意したほうが良いかもしれません。

【GameSynth】Modularモデルで音を鳴らしてみる

GameSynthという、効果音作る為のツールがありまして
エフェクトには効果音も欠かせないので、効果音も少しづつ作っていこうかなと思ったので、少しづつ記事を書いていこうと思います。

このソフト、効果音を作る為にいくつかタイプがあります
その中でも、ノードベースでもある、Modularモデル（左から３番目）

でいろいろ作ったりしていこうかなと思っています。

これはどのモデルでもそうなのですが、結構最初から沢山のプリセットが用意されています。

最初からあるプリセットでも、特に複雑そうなのがこちら

ノードの色分けがある分かなり解りやすいと思います。

簡単に音を鳴らす場合だけれあれば、緑色のノードから黄色のOutputに繋げましょう

ノードは右クリックから出すことができます、一番上にある【Audio Generation】は一番基本となる音源です。

いろいろプリセットを見ているとよくあるのが、この音源の上にある水色のノードは緑色の音源そのものを加工するイメージでしょうか。

例えばこの、Noiseの音源のみ再生した場合
Noiseのノード自体で調整出来るパラメータこそありますが、全体の音量や、音の長さなどしかありません。

そこで、調整するノードである【Envelope】を繋げます、これは音量のカーブを作る様なノードになっています。

デフォルトでカーブが入っているので、繋ぐだけで、一定音量のみだったNoiseの音量に、フェードイン、フェードアウトを追加する事ができます。

ノードベースを普段から使っている方なら、大体想定出来るとは思いますが、当然ながら、この一つの音量のフェードイン、フェードアウトの情報を、他のノードと共有する事ができます。

赤色のノードは、受け取った音源を後から加工するイメージで大丈夫と思います。

例えばこのようにすれば、同じフェードイン、アウトのカーブを共有した二つのノイズを混ぜた音、となります。

今回は短いですがこの辺で。

またいろいろわかってきたら記事を書いていきたいと思います。

【SD】歪み機能を作ろう

今回はSubstanceDesignerで歪み機能を

Verは2018.2.0です

【どういう処理を作るか】

ワープ系での歪ませるものだと、若干イメージが湧きにくいので

エフェクトを作るツールでよく見る、RとGの情報をそれぞれX,Yに置き換えて動かす処理を作ります。

ノードの全体図はこんな感じになります。

パラメータはFloat型のこの一つのみになります。

移動量の量を調整する用のパラメータです。

インプットノードは、グレースケールとカラースケールを一つづつ。

グレースケールは、歪ませる元の情報で、カラースケールは、歪ませるのに使用する情報です。

チャンネルのこのノードを使い、RGBAを分離させます、今回はRとGしか使いません。

まずは、Rチャンネルの0.5を越える数値を持ってきます。
今回はpixel Processorで処理します。

Pixel Processorの中身はこうなっています。

非常に単純な計算です、まず0.5を引き算する事で、移動量として使わない部分が全て0以下になります。（-0.5～0.5）

その後、２倍にすることで、-1～1になります。
Pixel Processorの外に出ると、0～1に切り取られるので、これをそのまま、右方向への移動にします。

あとは、Directional Warpで、角度を180に設定して右方向にしてから

※処理が分かりやすいように、ベースと、歪みに使うノイズを表示しています。

※処理がわかりやすいように、Levelの強さを50に設定しています。

Intensityには、このノード自体に作ったLevelを入れておきます。
これで右方向は完了です。

あとは、これを各方向にしていくだけです、次は左方向

Pixel Processorの中身はこうなりました。
赤枠が追加したノードです。

これにより、0～1の数値が反転した状態になりました。

後は、角度を変更して終了です。

次は上にずらす処理です。

右にずらした処理を複製して、RではなくGチャンネルから情報をとってきた後に。

DirectionalWarpで上方向に設定します。

上方向を作ったのと同じ容量で、左に移動している処理を複製して、
下方向へ移動させるようにします。

最後に、この移動を全て繋げれば完成です。

今回はここまでです。

今回はちょっとした小ネタみたいになりましたが、エフェクトを作っている方には馴染み深い処理かなと思いますので、使っていただけたら幸いです。

サイト作りました！！！

明けましておめでとう御座います。

2019年元旦にて、報告があります。

Material Forward（マテリアル フォワード）という名前のサイトを作りました！

以前からエフェクトの販売もそろそろ始めたいな、と思っておりまして。

ただ、具体的にどうすればいいのか？という所もありましたので

その活動をしやすくする為のサイトを作り、今後活動しやすくしたいと思っております。

当面の目標としては、このブログで配布していまして、多くの方に使ってもらっています、「RPGツクールVXAce」「RPGツクールMV」仕様のスプライトシート形式の素材の有料販売から始めたいと思っております。

今まで配布していた無料素材は、サイトの方に移動しましたが、以前と同じように使っていただけます、無料素材自体をなくす予定は御座いません。

今までの無料素材は、自分が使うようとして作ったものをそのまま出していたのみでしたが、有料素材で出すからには、今までよりもしっかりしたものを出していきたいと思っております。

このブログではUnreal Engine4でエフェクト制作をメインにしていましたので、マーケットプレイスにもアセットとして販売もしたいと考えております。

2018年は、作品を上げることよりも、自身の勉強で手一杯でしたが、2019年は作品投稿や、作品販売をしていける年にしていきたいと思っております。

Materialforward

↑リンクはこちらから

【SD】スプライトシートを作る②（ちぎれ表現用

tktknkyo.hatenadiary.jp

今回は、以前のこの記事の改良版となります
以前作ったものを改良していきます

今回の記事は、この以前の記事を見ている前提の部分もありますのでご了承ください。

今回も、基本的に4*4のマス目で進めていきます。

Verは2018.2.0です

【改良内容】

以前には対応していなかった、ノイズ自体を並べる処理も追加したりして

使いやすいように改善していきます。

根本的な作り方自体を変えています。

【パラメータ一覧】

パラメータはこのようになっています。

Tiling

XとYでそれぞれいくつ並べるかを選択

出力選択

読み込んだノイズだけを出力するのか

パターンだけを出力するのか

合わせたものを出力するのかの選択

正規化

１コマめの時点でちぎれが出るようにするのか、出ないようにするのかの選択

Patter_Pow

パターンの色に対して敵用するべき乗の指数

Noise_Pow

ノイズの色に対して敵用するべき乗の指数

【ノードの全体図】

ノードの全体図としてはこんな感じです
今回は、調整しやすくする為の、正規化やPow系のパラメータなどの敵用の為に増えているノードなどもあります。

【マス目の制作】

まずは、ベースとなるここから

以前の作り方から改良して、１つのFX-MAPで作っています

中身は非常にシンプルな構造です。

以前のように、TilingのInt2の変数から持ってきます。

IterateノードのIterationsを編集します（所謂反復回数です）

今回は、一つのFX-MAPで作るので、XとYのタイリング数を乗算したものが、そのまま反復回数となります。

Quadrantで設定しているパラメータはこの３箇所になります（青くなっている部分）

Pattern Offsetは、BranchOffsetに内容は結合しているので、以前の記事と、編集している部分は実質変わりません。

Patternは前回同様Squareに設定しておきましょう。

Color/Luminosity

ここでは色を設定します

ノードツリーとしてはこんな感じになりました。

ここは複雑なことはやってはいません、タイリングのXとYを乗算して、反復回数を取得してきて

現在の反復回数から、全体の反復回数を割る事で0/16～15/16に変換します

Pattern Size

BranchOffetよりも、構造が単純なこちらから

こちらは単純に一つ一つの大きさを制御します

ノードツリーはこのようになっています。

こちらは、各サイズを、タイリング数で割った大きさにしています。

Branch Offset

こちらは、色と大きさを設定したものを、実際に並べる処理を作ります。

フレームでのコメントを見てもらえれば解ると思いますが

基本的に原点が中心になるものを、左上にするのと、順番に並べる機能を作っています。

まずは、上半分の並べる処理を作ります。

具体的にはこのような模様になります

中心からになっていますが、ここの座標を変えるのは、後でやるので一旦、この順番に並べる処理を作りましょう。

並べる処理の部分の全体図はこうなっています。

まず、何マス毎に並べる必要があるのかを調べる為に

Tilingの変数の要素を分解します

今回の例では4*4なので、４マスづつ並べます

まずは横に並べる処理から

横のタイリング数である、Xを使います

反復回数を取得してから、そこからタイリング数で割ります

反復回数は0～15が出力されて、4で割るので

0/4～15/4になります

１を超えると画面外に出かねない、１を超えないように小刻みに並べても
ちゃんと並んでくれないので、この処理を入れます

これは１で割った余りを出力します。

１で割った余りは、小数点以下を切り出すのと同じになるので

これにより、4/4の時点で小数点以下のみ切り出すと0になり

その次の5/4は、1/4と同等になります。

これにより、左から右に並べて、右端まで行ったら左に戻る

というループして並べる事が出来ます。

次は縦に並べます。

こちらは、縦と横のタイリング数が両方必要になってきます。

まずは、反復回数から、横のタイリング数で割ります

こちらは縦でやったものと同様です。

今回は、ここから小数点を切り捨てます。

これにより、1～16の反復が0～3に変換されます
その変換されたものを、縦のタイリング数で割ります、そうすれば0～3に変換されていたものが0/4、1/4、2/4，3/4に変換され、これで敷き詰めることが出来ます。

最後に、それぞれXとYとしてFloat2に変換しておきましょう。

次に、原点を左上に持っていく処理を作ります、こちらは比較的単純です。

このように、左上に座標が来るようになります。

まずは左に寄せる処理

タイリング数のXをとってきて、１から割ります、今回だと0.25になります

中心が基準位置なので、0.25を足して0.75の位置に来ます

そこから、0.5を乗算して半分にします

数値としては0.25から割るので0.125に中心が0.5の位置なので0.625の位置に

その後、-0.5から足します（0.5を引いてます）

0.625の位置になっていたので、0.5を引いて0.125の位置に来ます

この0.125というのは、一つのコマサイズの半分の大きさです、

ソフトの都合上、0の位置にすると、このようにタイリングの処理が入ってしまいます。

次は上に持っていく処理...ですが

グラフノードツリー見てもらえば解ると思いますが、左に持っていく処理とほぼ変わりません、タイリング数のXをとってくるか、Yをとってくるかが変わるのみです。

最後に、作った要素をそれぞれ合成して完成です。

この様になっていればOKです 

【タイリング処理の制作】

次に、先ほどの設定を流用して、読み込んだデータをタイリングさせます。

先ほどマス目用とパラメータを流用しているので、常に同じタイリングとなります。

まずは、一旦何でもいいのでノイズなどを、２番目の入力に繋げてから

マス目を作ったFX-Mapをコピーして、FX-Mapの編集をします。

Quadrantノードの、Colorの関数を編集し、Floatで１の定数を指定して、出力ノードに設定します。

下は、マス目を作った際のデータなので、消しても構いません。

この時点で真っ白になっています。

Patternを、Input Imageに変更します、これで読み込んだデータを使用出来ます

Input Image IndexでInput Image 0に設定する事で、第二入力のデータを読み込むことが出来ます。

順番に並べる処理は、マス目を作った時に作ってありますので、この時点で綺麗にタイリングしてくれます。

この時点で、BlendでAddした後に、PixelProcessor（中身は前の記事参照）で加工すればとりあえずは完成です。

ここからは、これを更に使いやすい改善をしていきます。

【出力選択】

機能追加の一つ目はこちら、この三つのうち、どれを出力するのかを選択出来るようにします。

パラメータはInteger1の、ドロップダウンリストにすると、リストを作れるので、それぞれ入れましょう。

ブレンディングにある

このノードを使って、どれを出力するのかの選択をします。

パラメータはこうなっています

Input Numberは、入力する数なので、今回は３

Input Selectionは、実際に出力する部分になるので、先ほど作った「出力選択」のパラメータを設定しておきましょう。

 あとは、それぞれ選択するだけで大丈夫です。

【正規化】

良い名前がい思いつかなかったのでこの名前になっています。

見やすくするために2*2にしています。

ノイズ+パターンにのみ有効で

補正の有りor無しの選択で、有りにすると、１コマ目が無地になります。

UVアニメで再生した際に、１フレーム目から契れて描画が見にくいんを防ぎます。

また、以降のフレームも、破綻しないように少しだけ補正が掛かります。

まずはパラメータを作りましょう

Boolean型で作ればOKです。

この調整はPixel Processorにて行います、ノードの位置としてはここになります
読み込んだノードの直後です、並べたりする処理の前のノイズに補正をかけておく形となります。

ざっくりとノードの中身はこんな感じです。

簡単に中身の説明をすると、4*4の場合15/16を掛けています2*2なら3/43*3なら8/9になります。

これでうまくいく理由としての解説を挟みますと

ちぎれ表現での契れている部分は、ノイズから、定数を加算して1の部分を千切れる部分にしています。

実際に処理しているのは、この赤枠の部分です。

SubstanceDesignerでは、関数などの一部以外では基本的に数値は0～1として扱いますので、１が上限です。

ちぎれ表現自体は、定数を加算して１（超えた分は１になる）の部分のみ取得しています、１コマめは加算している定数が無いので
１未満であればちぎれる部分が一切無くなりますので、ノイズから15/16で掛けると、全て1未満になるので、ちぎれる部分が全て無くなります。

関数側の計算に戻ります。

赤枠では、タイリングのXとYを掛け算して全体のコマ数を出します

黄枠では、読み込んだノイズをコマ数で割ります

緑枠では、読み込んだコマ数から1を引きます

紫枠では、緑枠を掛けます

コマ数で割った後に、コマ数から１を引いた数値を加算する事で4*4なら16で割ってから15で掛けるので、実質15/16で掛けています。

最後に、ノードツリーに差し込みましょう

ブレンディングの

このノードを使います、単純なスイッチです

switchの変数に、作った正規化を入れます

その後、Pixel Processorを通るのと、通らないのをそれぞれ接続して、この補正を有効にするかどうかを設定できます。

【Patter_Pow&Noise_pow】

これはべき乗計算です、コントラストを調整したりしやすいように、あると結構便利です

ちぎれ表現の動き方が簡易的ですが、結構制御できるようになります。

Float1型で両方パラメータを作ります。

 調整からこのノードを使います

このノードだけでほぼほぼ機能完結します

ノイズ側は、ノイズの直後に入れ込みます、補正処理したPixel Processorよりも前です。

一つしかないパラメータに、Noise_Powを設定して終了です。

パターン側にも同じ要領でパターンの直後に入れ込み、今度はPatter_Powの関数を設定すれば終了です。

最後に、最初に接続していたノイズをInputに
最後のMulti Switch Grayscaleの後にOutputを繋げて、完成です。

最初に上げたグラフと少々違いますが、配置が違うだけですので、この部分は自分の見やすいように調整してあげてください。

今回は長めになりましたが、少しでも参考にしていただけでば幸いです。

SubstanceDesignerでのスプライトシートの記事

次はSubstancePlayerなどを併用してもっと細かいのを作る例を予定しています。

【Niagara】Niagaraでの具体的な作例＆NPCやNPCIによる、データ一括管理

この記事は、AdventCalendar2018の９日目の内容となります。

qiita.com

今回は、Niagaraで汎用性っぽいデータを作って使いまわしやすそうな例を。

このブログでは似たような事は少しはやった事があったので、今回は。

ちゃんと具体的な例で記事を書いていこうと思います。

マテリアル製作から、ナイアガラで完成させるまで書いていく予定です。

UE4のVerは4.21.0です。

今回、私の知識的な理由もあり、動きをVelocityを多様して作っています、ご了承ください。

【作成するもの】

今回は、エフェクトそのものが汎用的で使いやすいものとして、定番ですがHitエフェクトをつくろうと思います。

また、データを使いまわしやすいように作っておき、属性差分を作っていく所まで。

使い回し関係の所は、結構下の方からとなります。

【マテリアル制作】

今回は、汎用的に使いまわしたいので、いくつかの用途に使いやすそうな、マスターマテリアルを作り、そこからマテリアルインスタンスを複製するだけで、数を増やしやすいようなデータを目指します。

三つのマスターマテリアル

左から

・MM_DistortionNoTilingBase

歪みで加工する前提のマスターマテリアルです。

歪みに使う画像は、タイリングしていないものを前提としています。

・MM_DistrtionTilingBase

歪みで加工する前提なのは、上と同じです。

ただしこちらは、歪みで使う画像はタイリングしているものを前提としています。

（この二つは、無理に纏める事もできますが、複雑になりそうなので分けています）

・MM_particleBase

所謂、単純にテクスチャを入れたマスターマテリアル。

MM_particleBase

最も単純なこちらから

使用テクスチャは、この様な単純な粒子状のものを

非常にシンプル、左下のテクスチャは、インスタンスで制御できるように、パラメータ化されている方のノードを使っています。（TextureSampleをパラメータ変換すると出てきます）

右の方にあるこのノードは、不透明な物質との刺さり具合を軽減してくれるノードです。

簡単に言えば、違和感を少なくする為のノードです。

詳細の方はこうなっています、ライトの影響を受けない加算合成です。

今回作成するマテリアルは、全てこの設定になっています。

MM_DistortionNoTilingBase

使用テクスチャはこの三つです。

マテリアルの全体図はこうなっています。

ある程度はコメントなどは残していますが、全体の機能としては、ベースのテクスチャを歪み用のテクスチャで歪ませる機能を持っているだけ、と認識してもらえばOKです。

歪みだけでなく、屈折の機能を入れてみたり、インスタンス上で確認しやすいようには作ってあります。

まずはこの、歪みの処理をしている部分。

歪み用のテクスチャは、必要に応じて変えるのが多いと思いますので、パラメータ化しています。

歪みに使うために、RとGのみ取り出して、Multiplyで強度を調整し

最後にTexCoodとAddで、歪みを適用させています。

MultiplyのBの入力に繋がっている３つのノード

実際にエフェクトを作るだけであれば

これで問題ありません。

上はScalarParameter

右はStaticSwitchParameter

両方とも、インスタンスで確認しやすくする為に追加しています。

DynamicParameterはエフェクト上で数値操作できるのですが、インタンス上での確認がやや面倒なので、インスタンスで確認しやすくする為に配置しています。

後は後半部分です。

歪みを適用したテクスチャ、これもパラメータ化したTextureSampleです

これを、マスク用の下にあるテクスチャとMultpleで乗算します。

その後は、ParticleColerとの乗算で色をNiagara上で設定できるようにして

Depthfadeで刺さり具合を軽減しています。

下の屈折部分は、ここでαにでた数値を利用します。

歪みの強度と同じ方式で、屈折も操作しやすいようにしておきます。

ここをMultplyで乗算したあと、Minで1を超えた分を1に抑えたあとに

OneMinusで反転させて、リフラクションに繋げます。

この時点で歪んではいますが、実際に組み込んだ際に、ちゃんと背景歪みが上手く適応されてなかったので、ノーマルも追加します。

基本的なノーマルの強度調整と特に変わりません

RとGを抜き取って、屈折の強度をとってきているものと、Multplyで乗算してから、Bチャンネルと混ぜてVectorに合成してます。

黄色枠は、そのままノーマルに接続してます。

MM_DistortionTilingBase

使用テクスチャはこの三つです

マテリアルの全体図はこんな感じになっています

先ほどのMM_DistortionNoTilingBaseからの流用で少しだけ違います。

歪みに関するこの部分です。

こちらは、シームレスなテクスチャを歪みに使う前提の構造なので。

歪みのテクスチャをタイリングする処理を作っています。

ScalarParameterとTexCoodをMultiplyで乗算しておけば、インスタンス上でタイリング数を変化させることが可能です。

また、上の歪みに対するマスクとも乗算しています。

これは、移動量が大きくなりすぎて、移動しすぎるのを制御する為です。

左が、歪みのマスクを使わない場合

右が、歪みのマスクを使った場合

NoTilingのマテリアルのように、歪みを加えたあとに、マスクと乗算する場合に、殆ど写らなくなりやすくなってしまうので、その為に歪み自体を制御しています。

歪み適用部分後は、NoTilingから流用しています。

ノーマルへの適応も、ノイズに使ったテクスチャのRとGチャンネルを調整して使っています。

 【マテリアルインスタンス】

マテリアルインスタンス

作成したマテリアルインスタンスはこの四つ。

・MIA_Aura

親はMM_DistortionNoTilingBase

加算合成のオーラっぽいマテリアル

・MIA_Fog

親はMM_DistortionTilingBase

加算合成の煙用マテリアル

・MIA_Particle

親はMM_ParticleBase

加算合成の粒子マテリアル

・MIA＿Ring

親はMM_ParticleBase

加算合成のリング状のマテリアル

今回はインスタンス自体でいじる必要があるのはMIA_Ringのみです

インスタンスで、この様なテクスチャを適用すればOKです。

機能的にはこれだけでいいのですが、今回はインスタンスで確認しやすい仕様にしてあるので、少しだけそこにも触れておこうかと思います。

MIA_Auraの方であれば、赤の部分のチェックをいれると、緑のチェックを入れれるようになります

緑のチェックをいれると、青の項目が出てくるので、ここにもチェックを入れると、右側の数値を調整できるようになります。

数値を変えていくと、こんな感じに変わっていっていると思います。

ただ、今回のは確認しやすくするためなので、確認が終わったら、チェックを外しておきましょう。

チェックを入れていると、これからする、この部分をNiagaraで動かせなくなります。

【エミッターの作成】

エミッターを作る工程で、いくつかモジュールなど途中で作っていくので、ご了承を。

エミッターはエミッターでも、具体的にはNiagaraEmitterの事なので。

パーティクルを放出するもの、ではありますが。

最終的にエフェクトにそのまま使うエミッターとは少々違います。

そのまま最終的に使うエミッターの、元となるデータ、と考えてもらうと良いかもしれません。

マテリアルと、マテリアルインスタンスとの関係に近いと思います。

NiagaraEmitterのアセット

まず、必要なものを考えましょう。

・飛び散る粒子

様々なエフェクトでの定番とも言えるエミッターです

当たった衝撃で、粒子が中心から外側に飛び出ます

・細長いライン

所謂レンズフレアのような、トゲトゲした描画です

エフェクト全体のメリハリをつけて、認識されやすくする大きなポイントです

・広がるリング

衝撃は、基本的には全ての方向に一定に広がるので、それをリングで表現します。

・オーラっぽいもの

これはやや言葉で表現しにくいのですが、上記の要素だけだと、物足りなさが出てくるので、それを補う為の表現...でしょうか

・グロウ

エフェクトを作っている方には定番だと思いますが、グロウです

用途的には、グロウとは外れているかもしれませんが、全体の色味を調整する重要なパーツとなります。

そこまで変わってる要素はなく、全体的にシンプルな構成になると思います。

エミッター

今回は、エミッターのアセットは二つだけ作りました。

・NE_RadialVelocity

 外に向けて四方八方に飛び散るエミッターです。

・NE_SimpleSpawn

シンプルに中心に一つ発生させるエミッターです。

今回は少ないエミッターで作っていこうかと思います。

エミッターとしてのアセットを増やすのは、メリットもデメリットもあります。

NE_SimpleSpawn

エミッターを作ろうとすると、4.21からはテンプレートを選べるようになっています。

とりあえずは、以前のVerで標準だったこのテンプレートから作りましょう。

初めに書いておきますが、このエミッターで何をしたいのかによって、どの様な設定にするのかは変わってきます、ご注意ください。

エミッターの名前のとおり、シンプルにしたいので

赤線を引いている部分のモジュールを削除しましょう。

削除は、右側のゴミ箱のアイコンをクリックすればOKです。

続きまして、次はモジュールを追加しましょう

EmitterUpdateにこのモジュールを追加します。

SpawnCountは、汎用性を考えて1に設定しています。

その上にある、EmitterLifeCycleも調整しておきましょう。

MaxLoopCountを1に

これは、ループ回数で0の場合は無限ループになるので注意です。

NextLoopDuration

これはエミッターで発生を続ける時間のようなもので

SpaenRateで発生させ続ける場合は、この数値の時間だけ発生を続けます。

今回は、エミッターの発生時に一回だけ発生させるので、低めの数値を入れましょう。

また、ParticleSpawnにある、ここも削除しておきましょう。

右の矢印から、Removeをクリックすれば消去できます。

また、位置情報を消してしまったので、こちらで追加しておきましょう。

SetVariablesから、Particles.Positionを追加します。 

この様な紫のが追加されていれば大丈夫です、自動で着くようになっています。

簡単に言えば、レベルに配置した場合の位置情報を持ってくれます。 

ParticleUpdateにて、このモジュールを追加しておきましょう

これは、大きさを徐々に変化させるモジュールです。

右の矢印から

Vector 2DFrom Float

を追加して、Floatで制御できるようにします。

その後、下の方の矢印から

Float From Curve

を追加して、カーブで編集できるようにします。

後で編集しやすいように、キーを右クリックして、両方ともAutoに設定しておきましょう。

続いて、Colorの設定も少しだけしておきましょう。

編集をしやすくする為に、赤丸の部分をクリックしましょう、そうすると、カーブエディタで編集できるようになります。

カーブエディタはTimeLineの横にあると思います、出ていなければ、ウインドウから開きましょう。

RGBは目のアイコンをクリックして、閉じた状態にしておきましょう。

個人的にですが、エミッターではRGBは全て1で設定しておくのがいいと思います。

今回はAのみ変えましょう、

カーブのキーは、カーブエディタ上で、右クリックから出るメニューで出すことができます、

これを使い、Aを0から1になり、最後にまた0になる、という数値に設定しておきましょう。

カーブを編集する際は、キーの補完をこの下線を引いてある部分で制御することが可能です。

黄丸は、個人的によく使う部分です

一番左・・・オート設定、とりあえずでカクついた動きにしたくないならこれ

真ん中・・・自身で設定、緩急を意図的に付けたい場合

３番目・・・直線、今回のように、途中は1で続けたい場合など

これで完了...と言いたいですが、少しだけ落とし穴があります

これはBチャンネルです、RGBを消してキーを打っても、RGBA全てにキーを打たれますので、忘れずに消しておきましょう、選択してからDeleteで削除できます。

これでこのエミッター側の設定は終了です。

NE_RadialVelocity

今回も、こちらのエミッターをベースに作ります。

このエミッターは、中心から外に無数のパーティクルを飛ばすものとなります。

赤線を引いた部分のモジュールは削除しておきましょう。

このエミッターの基本的な動きになる、外側に放出する動き、をどう作るのか？が少々困ったので、自分なりの作り方で作っています。

もっとやりやすい作り方はありそうです...

パーティクルの発生は、今回もSpawnBurstInstantaneousを使いましょう

発生数はとりあえず1000に

こちらはNE_SimpleSpawnと同じように設定しておきましょう。

デフォルトにある、SphereLocationのモジュールが

球状に発生させるモジュールなので、これを使います。

この球状に発生させる位置を、Velocityに変換して、外側へ放出する動きにします。

その為に、今回はNiagara Module Scriptを作ります。

名前はNM_LocationVelocityと付けました

こちらがモジュールの中身です。

早い話、位置を速度に変換する為です。

入力するModuleのパラメータはVector型とFloat型で

Vectorは、基準となる発生位置

Floatは、速度です（方向を正規化した後に乗算します）

間の三つのノードは

Subtractは、ベクトル減算により、中心からのベクトルを求めています

Normalizeは、正規化して、減算して求めたベクトルから、角度の情報のみ取得します

Multiplyは、角度にから速度を乗算して、それを最終的にVelocityに出力しています。

先ほどのNM_LocationVelocityのモジュールを追加したら、WoldVectorに、Engine.Owner.Positionをドラッグ＆ドロップで敵用しましょう。

その後、Sppedに数値を入れると、その速度で外に向けて動くはずです。

ちなみにですが、Engine.Owner.Positionは使わず0，0，0でも、プレビュー上では動きますが、レベルに配置した時におかしくなったりしますので、後で困ります...

このままで動き自体は良いのですが、発生位置の制御がしにくいと思いましたので、そこの制御もできるように組んでいきましょう。

Particle.Spawnに、Particle.Positionを追加します。

いま追加したものが、順番的に最後になるようにします。

上から順番に処理されますので、順番が違うとうまく動いてくれなくなります。

いま追加したものは、発生位置を、中心から特定の距離に配置する為のものです。

最終的な構成はこうなるように目指します。

速度のVelocityから角度をを取ったあとに、その角度に対して、どの程度の距離に配置するのか？を設定できるようにします。

赤線を引いてありますが、ここはNiagara Dynamic Input Script（ND）を新しく作ったものを使っています。

内容としては、VelocityをVector型のパラメータに変換するような内容です。

Velocityの情報をNormalizeで正規化して、方向のみの情報にしてから、Scaleとの名前にしてあるFloat型のパラメータを乗算して、中心からの距離とします。

正規化してから、そのVectorにFloatで乗算すると、中心からの距離となるのは、非常に便利なので、覚えておくと様々な場面で使えると思います。

NDでは、基本的に出力する情報に、Position等の、固定の数値にはしない方やりやすいです。

内容的には、Particle.Velocityも、Vector型のModuleのパラメータでも問題ないです。

具体的にはこの様な感じです、この場合、エミッター側で、このVectorにVelocityをセットしてあげましょう。

では、このNDの内容を説明したので、もう一度ここの部分に戻りましょう。

一番上のAddVector 、名前のとおり、Vector同士の足し算です。

Engine.Owner.Position　+　ND Velocity Vector

Engine.Owner.Position

は、上の方でも説明しましたが、このエミッターがレベル上などで配置されている位置を取得します。

よって、これを加算するのには、レベル上で配置した位置にキチンと配置させる為ですので、これ単体では、エディタ上では特に変化はありません。

ND Velocity Vector

こちらわ先ほどの説明のとおり、中心から一定距離に配置される仕組みとなっています

こちらはデフォルトで入っているNDアセット、UniformとありMinとMaxの間のランダムとなります、ここはカスケード触っていた方なら解りやすいと思います。

これにより、配置した位置を中心に、10～20の距離にランダムに発生させる、という処理となります。

続いて、ParticleUpdateに、Particle.Velocityを追加しましょう

これは、パーティクルの外へ向かう速度に減速処理を掛けます。

ここの数値はこの様になっています。

最初のMultply.Vectorにて、現在の速度である、Particle.Velocityと、Float型のカーブを乗算して、速度をカーブで制御します。

このカーブでの制御部分は、Vectorのままでは制御しにくいので

VectorFlomFloatでFloat型に変換してから

FloatFromCurveでカーブを描いていきます。

これで、このカーブ沿って動きが変わります。

後は、NE_SimpleSpawnと同じように

PartixleUpdateと同じように、大きさが小さくなっていく処理と、Aが0→1→0となる処理を追加しておきましょう。

これでエミッターの設定は一旦終了です。

【システムの作成】

漸く完成が見えてきました、作ったエミッターなどをシステムに登録して、エフェクトとして完成させます。

エミッター毎に数値の設定をしていっていますが、実際作るときは、全てのエミッターに仮として数値を入れておいてから。

最終的に全て表示している状態で、違和感が無いように数値を微調整していきます。

実際にエミッターを登録していきます。

赤線は、 NE_RadialVelocity

黄線は、NE_SimpleSpawn

を使っています

 NE_RadialVelocity

外側へ放出される粒子です。

エミッター自体で殆ど設定していますので、システム側で設定する項目はあまりありません。

Colorのモジュールから、色の変更をしておきましょう。

エミッシブにて、Rに高い数値を入れて上げればOKです。

LifeTImeや、SpriteSizeは動きを見ながらいい感じになるように設定しておきましょう。

最後に、作ったマテリアルであるMIA_Particleを設定しておきましょう。

デフォルトのマテリアルとそこまで大きく変わりはありませんが。

 NE_Ring

名前の通りリングです、それ以上でも以下でもありません。

これ移行は全てNE_SimpleSpawnから作ります。

まずは、見た目がそもそも違いすぎて確認しにくいので、マテリアルの設定をしましょう。

適用するのはこの、MIA_Ringとなります。

基本は、マテリアル側から設定すると、設定途中で確認しやすいのでおすすめです。

SpriteSizeScale

次に大きさを変えましょう、こちらのモジュールを弄り、段々と大きくなるように設定しましょう。

キーをクリックすると、上で時間と数値を直接入力できるので

時間0で値1

時間1で値1に設定して、徐々に拡大する動きに変化させます。

ただ、このままだと動きが地味すぎるので、カーブを弄りましょう

カーブの左右の◆はドラッグ＆ドロップで動かすことが出来ます。

また、この時カーブの設定がオートになっている場合でも、ユーザーに書き換えられます。

なので、エミッターのアセット自体では、オートにしておくと、何かと便利です。

カーブの設定は、感覚で所謂いい感じに設定しておきましょう。

SpawnBurstInstantaneous

ここはパーティクルの発生数です、とりあえず6にしておきましょう。

SetVariables

ここで大きさを、生存時間をランダムにしておきましょう。

Color

色の設定もしておきましょう、赤丸の所をクリックして、カーブエディタで編集すると楽です、黄色から赤になるような色合いに設定しました。

NE_Ringの設定は以上で終了です。

NE_Line

細長いラインです、レンズフレアのような表現でもあります。

こちらもエミッターはNE_SimpleSpawnから

マテリアルは、MIA_Particleを使います

発生数は今回は10個程に設定しています

SetVariables

寿命と、大きさを設定します

大きさは、細長くするのでXとYに別々の数値を入れておきます

SpriteSizeScale

こちらでは、細長くなっていく動作にします。

このモジュールに初期で入っている数値は、黄色の矢印でリセットできるので

リセットしてから、Vector2でのカーブを再度入れて設定します。

Color

色はリングと大体似たような設定で、黄色から赤になるように設定しつつ、エミッシブカラーで発光させましょう。

エフェクト全体で見た場合、結構印象に残りやすい部分ですので、発光は基本的に強めに設定しておきましょう。

NE_Glow

グロウです、設定が最もシンプルなエミッターとなります。

NE_SimpleSpawnのエミッターを登録し

MIA_Particleを適用してください。

発生数は1です

SetVariables

このエミッターでは、基本的にランダム性は必要ありません、設定はこの様になりました。

SpriteSizeScale

構成としては、NE_Ringと基本的に変わりません、徐々に大きくなるようにしています。

Color

このモジュールで色を設定していきますが、このエミッターではエミッシブで発光はさせません。

Rを1GBを0にして、後はAで色の調整をしています。

NE_Aura

オーラっぽい何かです、今回はマテリアルの解説もこみこみゆえに、簡易的な作りであるので、その点はご了承ください。

マテリアルはMIA_Aura

エミッターはNE_SimpkeSpawn

発生数は2です。

SetVariables

ここでの設定は、大きさや寿命辺を設定しておきます。

SpriteSize

他のエミッターでもよくやってるパターンです

Color

色は、カーブエディタで、黄色から赤への変化させつつ、エミッシブでの発光を入れておきましょう。

SetVariables(DynamicParameter)

ここから、DynamicParameterの設定をしていきます。

カスケードでも同じような機能はあるので、UE4で作っている方にとっては、馴染み深いのでは？と思います。

初めて聞く方は、こちらの記事も参考にしてください。

【UE4】Dynamic Parameterを使ったフェードアウト - moyasiエフェクト館
tktknkyo.hatenadiary.j

【UE4】DynamicParameterにて、ノイズテクスチャを使ったフェードアウト - moyasiエフェクト館

設定したカーブだとこんな感じになっています、BとAは使っていないので表示していません。

ここでの設定はとりあえずこのようになります。

りフラクションを入れてあるので、エミッターや背景が歪んで表示されるようになります。

 これで漸く完成です。

そしてここから、データ管理、NPCやNPCIに関する内容に入っていきたいと思います。

一応ここからが、元々メインで書こうとしていた部分です。

【NiagaraParameterCollection】

簡単に言ってしまうと、Niagaraのパラメータを一括で制御できたりする機能です。

tktknkyo.hatenadiary.jp

基本的な使い方は、この記事でも紹介しています。

まずは、NPCファイルを作ります、名前はNPC_Testと名づけます

今回は、生存時間の長さを調整するようにします。

Float型のパラメータを作り、名前をLifeScaleに設定し、数値を１に設定します。

次に、エミッター側に適用します

NE_SimpleSpawnを開きます

パラメータの部分から、先程作ったデータをここに入れます。

LifeTImeの所に、先ほどのパラメータを追加しておきます

内容としては、元ある数値と、NPCのファイルをMultplyで乗算します。

この時点では特に何も変わりません、変わったらまずいです...

NE_RadialVelocityにも、同じように登録しておきます。

この状態で、システムを開くとこうなっています。

先程登録したものが出ていません、右の緑の矢印をクリックすると、出てくるようになります。

ただし、この手法で、全てやっていると、手間が掛かります。

本来であれば、最初に登録しておくべきですが、この様な場合に便利な方法があります。

処理が上から順番にされるというのを利用します。

下の赤枠が、新しく追加したLifetimeです。

処理としては、Lifetimeの数値を

既に設定されている数値と、NPCファイルを乗算した数値に設定する、という内容です。

NIagaraでは、既に設定されているパラメータも、このように引っ張ってくることが出来ます。

これも、NE_RadiusVelocityにも敵用しておきます。

再度システム側に戻ると、入れた情報が、ちゃんと入っているはずです。

この状態で、NPCファイルの数値を弄ると、システムの方のパーティクルの寿命が変わるようになっているはずです

システムとエミッターは連動こそしていますが、既に入っているパラメータを変えた場合は、システム側でいじっている場合は、エミッター弄っただけでは更新されないので注意です。

【属性差分】

 次は、火属性の属性差分を、簡易的にですが作ります

 まずは、NS_HitNormalを複製して、名前をNS_HitFireに変えます。

煙なので、粒子程の発生数はないので、発生数は100程に設定します

大きさは、粒子より大きいので、50～75程に設定しておきます

NE_RadialVelocityに、MIA_Fogのマテリアルを敵用します。

Sprite Size Scale

煙なので、拡大していく動きになるように設定します。

SetVariables

NE_Auraと同じように、ここでDynamicParameterを設定していきます。

カーブはこのように設定しました。

後は、違和感のないように、色味を調整すれば完成です。

【NiagaraParameterCollectionInstance】

最後に、こちらの敵用、運用も載せておきます。

NiagaraParameterCollectionから作ることが出来ます。

今回は、NormalとFireで二つ作ります。

このまま開いてもいいのですが、その前に敵用させましょう。

システムを開き、SystemDetailsから、先程作ったNPCIアセットをドラッグ＆ドロップなどで敵用させましょう。

NormalとFireの両方に適応させましょう。

その後、NPCIアセットを開き、左のチェックボックスにチェックを入れて、数値を変更すると、NPCIアセットを敵用した方のみ数値が変動するようになります。

数値なら大体のものを変えることが出来るので、ここから歪みやパーティクル単体の大きさ、動く移動量などを制御することも可能です。

今回は比較的に長い記事となりました、ここまで読んでくださって有難うございます、間違え等ありましたら、拍手などでｺｯｿﾘ教えていただけると幸いです。