Shurikenでエフェクト作成

UnityFukuoka13にて。
Gifアニメ使ってた部分はPdf化にあたり潰れました
googlePresentation
https://docs.google.com/presentation/d/1yP4JfXPrT6HHqNyiqcy9tCJg3tJluUJS0hoN6DNAVMc/pub?start=false&loop=false&delayms=60000

Transcript

1. Shurikenでエフェクト作成 Hitエフェクト編
2. Shurikenとは
3. パーティクルシステム”Shuriken” ・Unityに搭載されているパーティクルベースのエフェクト作成機能 ・基本ビルボードだけど、粒子に3Dモデルを割り当てることも可能 （あとで使う）
4. 観察
5. よそのタイトルのヒットエフェクトを観察してみる オードソックスな所で ・放射状に拡散する火花（？） ・円状に発生する衝撃波 で構成されている。 ヒットした点からはじける流れは 共通のイメージっぽい。
6. リソースの用意
7. 二種類のテクスチャを用意する 火花用:spark01.png 衝撃波用:shockwave01.png 今回は加算で使うので黒背景に白で描いた
8. Shurikenの設定
9. スケール決め ・Cubeやキャラクターを配置して、エフェクトの サイズ感の基準にする。 自分はサイズ1倍のCubeの1辺を1mとして作 業している ついでに加算でエフェクトを作る場合、白トビし過ぎないか 見るためにも背景モデルも有ったほうが良いかもしれな い。
10. 火花(？)部分の作成 Duration(1ループの長さ)：1秒 Looping:（あとで）Off StartLifetime(粒子の寿命):0.3秒 StartSpeed（放出スピード）:0 MaxParticles（粒子の最大量）:2個 Emission（粒子発生の挙動） Rate over time（1秒に何個）：0個 Bursts(指定時間に何個):0秒目に2個
11. 火花(？)部分の作成 Shape（発生源の設定） Angle(放射角度)：0 Radius（放射元の範囲）：0.01（ほぼ点）
12. 火花(？)部分の作成 新規にマテリアルを作成 ・加算したいのでShaderに"Particles/Additive"を指定 ・テクスチャにspark01.pngを指定 作成したマテリアルをParticleにセット
13. 火花(？)部分の作成 こんな感じになる
14. 火花(？)部分の調整 Color over Lifetime:粒子の寿命に合わせて色や透明度 を変える 黄色でパッと発生 オレンジに変わりながら消えるイメージ Size over Lifetime:粒子の寿命に合わせてサイズを変え る 小さいサイズからパッと大きくなるイメージ
15. 火花(？)部分の調整 ビルボードでは奥行きがなくて味気ないので… ・RenderModeをMeshに変更、Unity内蔵のQuadをセット ・３DStartRotationをOn RandomBetweenTwoConstants（2値間でランダム）で X,Y,Zに-90～90の値を設定
16. 火花(？)部分の調整 こんな感じ
17. 衝撃波部分の作成 火花の部分を複製し、火花の子に置き 火花のマテリアルを複製&リネーム ・テクスチャにshockwave01.pngを指定 作成したマテリアルをParticleにセット
18. 衝撃波部分の作成 こんな感じ
19. 衝撃波部分の調整 StartLifetime:余韻を持たせたいので0.5秒ぐらい Color over Lifetime: 色を無くしてみる Size over Lifetime: グラフの上限値を1.5辺りにして、火花よりサイズ を大きく
20. 衝撃波部分の調整 こんな感じ
21. Prefab化する 空のゲームオブジェクトを作り、その子に作ったエフェクトを入れてPrefab化する。 スクリプトをつけたり、音源やライトはゲームオブヘクト側に付ける（方がいい気がする） 。
22. 全体のサイズ調整 自分の場合基本のサイズをStartSize:1 で作るようにしているので。大きさを変え たいだけなら、ここを弄るだけで済むよう にしています。
23. おわり