テクスチャを使わずにシェーダーグラフでヒットエフェクトを作る方法を解説しています。

1. ShaderGraphで作る
ヒットエフェクト
Roppongi.unity #6 in ZIZAI
かもそば

2. 自己紹介
• 職業
• ゲームプログラマ(Unity)
• Twitter
• かもそば(@rn49rn49)
• 趣味
• 2Dエフェクト手描き(2019年6月~)
• 時々リングフィットアドベンチャー

3. 趣味で描いたエフェクト(模写)

4. 突然ですが、
最近ゲームを作りました

5. To The Right
https://unityroom.com/games/to-the-right

6. こんな感想をいただきました
• エフェクトがとってもかっこいいです！

7. 今回の発表内容
• エフェクトをどうやって作ったかを軽く紹介します。

8. 今回のエフェクト(ヒットエフェクト)

9. 今回のエフェクト
• 実はテクスチャは全く使っていません
• シェーダーグラフとParticleSystemで作っています

10. エフェクトの構成
• 中心となる核
• 拡散する破片

11. エフェクトの破片の作り方

12. 拡散する破片

13. エフェクトの破片の作り方
基本はParticleSystemで板ポリをまき散らす
エフェクトに豪華な感じを出すために意識したポイント
・サイズの緩急をつける
・ランダム で味付け
・回転・生存時間・初速

14. サイズの緩急
• ParticleSystemの Size over Lifetime モジュールにて設定
• 最初は最大サイズ
• 短時間で一気に下げる

15. サイズの緩急
サイズ変化あり Size = 0.1で固定

16. エフェクトのランダム
• Start Lifetime
• Start Speed

17. エフェクトの核の作り方

18. エフェクトの核

19. STEP1 : 球をノイズで変形
• 球体メッシュをShaderGraphで変形させる
Before After

20. ノイズで変形させるShaderGraph

21. STEP2 : 球のサイズに変化をつける
• ParticleSystemの Size over Lifetime モジュールにて設定
• 最初は最大サイズ
• 短時間で一気に下げる

22. 球のサイズに変化をつける
実際の再生 スロー再生

23. STEP3 : 球を3つ重ねる
• ParticleSystemを3つ用意・色をそれぞれを黒・赤・白にする
• 完全に重ならないようにSizeやLifetimeを変える
Before After

24. エフェクトの核の完成
実際の再生 スロー再生

25. エフェクト完成(核 + 破片)
実際の再生 スロー再生

26. ご静聴ありがとうございました