Unity ParticleSystem Lesson:氷魔法

今回、氷魔法（アイスウォール）のエフェクト作成方法を紹介したいと思います。

※使用ソフトとバージョン
PhotoShop CC2015
Substance Designer 2017.2.2
Blender
Unity 2017.3.0f3

今回は、モデルを１つとテクスチャーを4枚使います。
ⅰ．ice.fbx　：　氷モデル

１．ice.png　：　氷モデル用のテクスチャー
２．eff_ice_fragment.png　：　氷の欠片テクスチャー
３．eff_par.png　：　光テクスチャー
４．eff_smoke.png　：　煙テクスチャー
※３．については、Unity ParticleSystem Lesson:爆発の記事で作成方法を紹介

※４．については、Unity ParticleSystem Lesson:舞い上がる煙の記事で作成方法を紹介

① 氷モデル

まずはテクスチャーから。

1．Substance Designer で テクスチャー作成：ice.png

・新規Substance Graph :Empty
Graph Name: wingLine1
Size Mode: Absolute
Width: 512px
Height: 512px
Format: Relative to parent

・Crystal_2のノードから氷の模様を作っていきます。
Scale : 2
Disorder : 0.58

・トランスフォーム2Dを追加して表示領域を拡大してサイズを調整
オフセット：-0.2787

・タイリングが崩れるので、make_it_tile_photo_grayscaleでタイリングを修正
Mask Size H : 1
Mask Size V : 0.1

・見た目を少しぼかしたいのでブラーを追加
強度：3.67

・次にもう１つ別にCrystal_2を作成し、Gradient Mapで色を付ける。
Scale : 1
Disorder : 0

・作成された２つのノードを加減ブレンドします。
ブレンドモード：加減

・さらに別の模様をつけるために新たにBnw_spots_2のノイズを作成
Scale : 1
Disorder : 0

・トランスフォーム2Dノードで拡大と回転で形を調整
オフセット X : -0.0185 , Y : -0.0796

・またタイリングが崩れているので、make_it_tile_photo_grayscaleでタイリングを修正
Mask Size H : 0.1
Mask Size V : 0.1

・見た目を少しぼかしたいのでブラーを追加
強度：1

・Gradient Mapで色を付ける。

・先ほど作っていたものと乗算ブレンドします。
ブレンドモード：乗算

・明るくぼかしたいので、先ほどブレンドしたものとブラーをかけたものをScreenブレンドします。
ブラー：強度：9.25

ブレンドモード：Screen

・完成です。(ice.pngで保存）

2．Blenderで モデル作成方法 : ice.fbx

・UV球を作成して、パラメーターを調整
セグメント：6
リング：6

・名前をice1に変更

・サイズや頂点の位置を修正

・ice.fbxで書き出し（今回マテリアルは、Unityで作成して割り当てます。）

①PhotoShopでテクスチャー作成：eff_ice_fragment .pngの氷欠片

１．テクスチャー作成方法

・128ｘ128　サイズで新規作成

・上下左右の中心にガイドを引く

・ペンツールで適当に氷片の形のシェイプを作成する

・背景レイヤーを非表示にして、pngで保存（eff_ice_fragment.png)

②Unityでエフェクト作成

１．Unity Material作成

Project Windowで、Create > Material
　 ・Material名を「ice」と変える
　　ShaderをMobile/Particle/Additiveに設定
　　①で作成した「ice .png」 テクスチャーを割り当てる。

　・Material名を「eff_ice_fragment_add」と変える
　　ShaderをMobile/Particle/Additiveに設定
　　① で作成した「eff_ice_fragment.png」 テクスチャーを割り当てる。

　・Material名を「eff_par_add」と変える
　　ShaderをMobile/Particle/Additiveに設定
　　① で作成した「eff_par.png」 テクスチャーを割り当てる。

　・Material名を「eff_smoke_add」と変える
　　ShaderをMobile/Particle/Additiveに設定
　　① で作成した「eff_smoke.png 」テクスチャーを割り当てる。

２．Unity Particle System設定

パーティクルシステムを作成する

ParticleSystemを9つ作成します。
eff_icewall
L SmokeGround
L SmokeGround2
L ParGround
L Ice1
L Ice2
L flash1
L ice_fragment
L Ice_break

親：eff_icewallの下記が設定です。:上空から集まる冷気を表現
■ Mainモジュール
Duration:2.00
Start Lifetime: 1
Start Speed: -0.5
Start Size: 2, 3 (Random Between Tow Constants)
Start Rotation: 0, 360 (Random Between Tow Constants)
Start Color: FFFFFF32
Gravity Modifier : 0.1

■ Emission:
Rate over Time : Curve
time: 0 , value: 0
time: 0.3585358 , value: 1
time: 0.8439025 , value: 0
Rate: 20

■ Shape:
Shape: Hemisphere
Radius : 1.37

■ Color over Lifetime:
Alpha: 0, Location: 0%
Alpha: 88, Location: 33.5%
Alpha: 0, Location: 100%

■ Rotation over Lifetime
Angular Velocity : -45, 45 (Random Between Tow Constants)
■ Renderer
Material : eff_smoke_add

子：SmokeGroundの下記が設定です。
地面に集まる冷気を表現

■ Transform : 少し地面より浮かせて表示させたいので。
Position Z: 0.37
■ Mainモジュール
Duration:1.00
Start Lifetime: 1
Start Speed: -3, -2.09 (Random Between Tow Constants)
Start Size: 2, 1 (Random Between Tow Constants)
Start Rotation: 0, 360 (Random Between Tow Constants)
Start Color: FFFFFF32

■ Emission:
Rate over Time : Curve
time: 0 , value: 0
time: 0.35, value: 1
Rate: 30

■ Shape:
Shape: Cone
Angle : 90
Radius : 1.85
Radius Thickness : 1
Arc : 360

■ Color over Lifetime:
Alpha: 0, Location: 0%
Alpha: 255, Location: 33.5%
Alpha: 0, Location: 100%
Color: FFFFFF, Location: 0%
Color: 76DDFF, Location: 100%

■ Size over Lifetime:
time:0 value:0.5
time:1 value:1
Size : 2.0

■ Rotation over Lifetime
Angular Velocity : -45, 45 (Random Between Tow Constants)
■ Renderer
Material : eff_smoke_add

子：SmokeGround2の下記が設定です。
氷柱ができた後に地面から外へ広がる冷気を表現
※Start Delayに1を入れることで、１秒後に発生するようにしています。

■ Mainモジュール
Duration:1.20
Start Delay : 1
Start Lifetime : 1
Start Speed: 0.3, 1 (Random Between Tow Constants)
Start Size: 2, 1 (Random Between Tow Constants)
Start Rotation: 0, 360 (Random Between Tow Constants)
Start Color: FFFFFF32
■ Emission:
Rate over Time : 10
■ Shape:
Shape: Hemisphere
Radius : 0.92
Radius Thickness : 1

■ Color over Lifetime:
Alpha: 0, Location: 0%
Alpha: 255, Location: 33.5%
Alpha: 0, Location: 100%
Color: FFFFFF, Location: 0%
Color: BFEFFF, Location: 100%

■ Size over Lifetime:
time:0 value:0.5
time:1 value:1
Size : 2.0

■ Rotation over Lifetime
Angular Velocity : -45, 45 (Random Between Tow Constants)
■ Renderer
Material : eff_smoke_add

子：ParGroundの下記が設定です。
冷気が集まって発光する地面を表現しています。

■ Transform : 少し地面より浮かせて表示させたいので。
Position Z: 0.05
■ Mainモジュール
Duration:2.00
Start Lifetime : 2.5
Start Speed: 0
■ Emission:
Rate over Time : 0
Bursts
Time:0:00, Counts:1

■ Shape: Off
■ Color over Lifetime:
Alpha: 0, Location: 0%
Alpha: 255, Location: 52.9%
Alpha: 107, Location: 73.5%
Alpha: 0, Location: 100%
Color: FFFFFF, Location: 0%
Color: AEFFF8, Location: 100%

■ Size over Lifetime:
time :0.05853653 value: 0
time: 0.497566 value: 1
time: 1 value: 0.476
Size : 1.0

■ Renderer
Render Mode: Horizontal Billboard （Y軸方向に対してのビルボード平面）
Material : eff_par_add

子：Ice1の下記が設定です。
冷気が集まった後に、地面から飛び出すメインの太い氷柱を表現しています。

■ Transform : 氷のサイズを細長くするために。
Scale X: 0.5, Y: 0.5
■ Mainモジュール
Duration:2.00
Start Delay: 1
Start Lifetime : 1
Start Speed: 0
Start Size : 5
3D Start Rotation : ON
Z:0, 360 (Random Between Tow Constants)
■ Emission:
Rate over Time : 0
Bursts
Time:0:00, Counts:1

■ Shape: Off
■ Size over Lifetime:
time : 0 value: 0
time: 0.1435699 value: 1
Size : 1.0

■ Renderer
Render Mode: Mesh
Mesh : ice1
Material : ice

子：Ice2の下記が設定です。
冷気が集まった後に、地面から飛び出すメインの回りの小さな氷柱を表現しています。

■ Transform : 氷のサイズを細長くするために。少し位置を下げる
Position: Y: -0.115
Scale X: 0.5, Y: 0.5
■ Mainモジュール : メインの柱より少し小さい柱を５本出すように設定します。
Duration:2.00
Start Delay: 1
Start Lifetime : 1
Start Speed: 0
Start Size : 3, 4 (Random Between Tow Constants)
3D Start Rotation : ON
X: -5, 5
Y: -5 , 5
Z: 0, 360 (Random Between Tow Constants)
■ Emission: 柱を５本出すように設定します。
Rate over Time : 0
Bursts
Time:0:00, Counts:5

■ Shape
Shape : Cone
Angle : 24.5
Radius : 0.62

■ Size over Lifetime:
time : 0 value: 0
time: 0.1435699 value: 1
Size : 1.0

■ Renderer
Render Mode: Mesh
Mesh : ice1
Material : ice

子：flash1の下記が設定です。
氷柱が発生する際に、一瞬発光するフラッシュを表現しています。

■ Mainモジュール : 氷が発生するタイミングに合わせる
Duration:2.00
Start Delay: 1
Start Lifetime : 0.2
Start Speed: 0
Start Size : 3
■ Emission
Rate over Time : 0
Bursts
Time:0:00, Counts:1

■ Color over Lifetime:
Alpha: 255, Location: 0%
Alpha: 0, Location: 100%

■ Size over Lifetime:
time : 0 value : 0.5
time : 1 value : 1
Size : 2.0

■ Renderer
Material : eff_par_add

子：ice_fragmentの下記が設定です。
氷柱が出るときに、一緒に発生する小さな氷の欠片達を表現しています。

■ Mainモジュール : 氷が発生するタイミングに合わせる、初速と重力を強く入れて飛び散って消える動きを出す
Duration:2.00
Start Delay: 1
Start Lifetime : 0.5
Start Speed: 30, 5 (Random Between Tow Constants)
Start Size : 0.05, 0.1 (Random Between Tow Constants)
Start Rotation : 0.05, 0.1 (Random Between Tow Constants)
Start Color : 5ADDFFFF
Gravity Modifier : 5
■ Emission : 飛び散る氷を50個に設定
Rate over Time : 0
Bursts
Time:0:00, Counts: 50

■ Shape
Shape : Cone
Angle : 30
Radius : 0.74
Radius Thickness : 1

■ Limit Velocity over Lifetime : 減速する処理
Speed : Curve
Dampen : 0.2
time : 0 value : 1
time : 1 value : 0
Size : 1.0

■ Size over Lifetime:
time : 0 value : 0.5
time : 1 value : 1
Size : 2.0

■ Rotation over Lifetime
Angular Velocity : -45, 45 (Random Between Tow Constants)
■ Texture Sheet Animation : アトラス化したテクスチャーシートを設定。
ここでは、2 x 2 の破片テクスチャーを使用する。
Tiles : X 2, Y 2
Animation : Whole Sheet
Frame over Time : 0, 3
■ Renderer
Material : eff_ice_fragment_add

子：Ice_breakの下記が設定です。
氷柱が最後に消えるときの氷の塊を表現しています。

■ Transform : 氷柱が出来ているあたりの地面より少し上の位置に配置
Position: Z: 0.53
■ Mainモジュール : 氷柱が消えるタイミングのStart Delay : 2にする
Duration:2.00
Start Delay: 2
Start Lifetime : 0.5
Start Speed: 1
Start Size : 1.5, 1 (Random Between Tow Constants)
3D Start Rotation : ON
X: 0, 360
Y: 0, 360
Z: 0, 360 (Random Between Tow Constants)
Gravity Modifier : 1
■ Emission: 氷の欠片が8個出るように設定します。
Rate over Time : 0
Bursts
Time:0:00, Counts: 8

■ Shape : 全方位に広がるように Shape : Sphereに設定
Shape : Sphere
Radius : 0.62

■ Size over Lifetime:
time : 0.4878044 value : 1
time : 0 value : 1
Size : 1.0

■ Renderer
Render Mode: Mesh
Mesh : ice1
Material : ice

３．完成！

今回は、簡単なモデルですがBlenderで氷の塊を作りました。
長文になりましたが最後まで読んでくださいまして、ありがとうございます！

サンプルは、下記にアップしています。
eff_icewall_sample.unitypackage
よかったら試してみてください！

こちらの本もよろしくお願いいたします！

Unity ゲームエフェクト入門 Shurikenで作る! ユーザーを引き込む演出手法 (Smart Game Developer)

ktkkumamoto.booth.pm