楽しい！ LWRP + Light2D / Unity Light2D Tutorial

by lycoris102

Slide 1

Slide 1 text

Roppongi.unity #5 青木とと@lycoris102 LWRP + Light2D 楽しい！

Slide 2

Slide 2 text

だれ？ 2 @lycoris102 青木ととねんれい:29 しごと: 株式会社キッズスターかぞく: 妻と3歳の息子・Unityアンバサダー・Gotanda.unity ・UnityDesigner’sCafe ・勉強会主催/サポート・ゆるふわゲームクリエイター

Slide 3

Slide 3 text

だれ？ 3 こんな感じの個人ゲームも作っています https://unityroom.com/users/lycoris102

Slide 4

Slide 4 text

4 参加された皆さんお疲れ様でした！お題「さがす」 10/14(月)~20(日) 1週間でゲームを作るオンラインゲームジャムイベント

Slide 5

Slide 5 text

5 2019/10/23 朝8時で 289作品

Slide 6

Slide 6 text

6 こんなものを作っていました (未完成……)

Slide 7

Slide 7 text

7 今日のゴールは「2DのLight表現ちょっと面白そう」って思ってもらうこと LWRP + Light2D で表現しています潜水艦のサーチライトを始め

Slide 8

Slide 8 text

8 LWRP + Light2D Unity2019.3~ はURP (Universal Render Pipeline) と名称変更および改善がされます Light Weight Render Pipeline

Slide 9

Slide 9 text

9 LWRPについて SRP Scriptable Render Pipeline 最近Unityが注力している C#で制御可能な描画にまつわる処理実装群元々Unityに組み込まれているレンダリングパイプラインと比べて「よりプロダクトやプラットフォームに最適化した」描画手法を採択できるようになった! すごい! 0からレンダリングパイプラインを考えるのは難しいので2つのプリセット LWRP HDRPに該当しない場合 HDRP PS4/ハイエンドPC向けリッチな絵作り ShaderGraphなどの最新のUnityの機能はSRP向けに提供されています今日はこっちの話

Slide 10

Slide 10 text

10 プロジェクト新規作成時に LWRP Template を選択するのが楽 LWRPの導入お手軽編 LWRPについて

Slide 11

Slide 11 text

11 PackageManger経由でLWRPをインストール 1から編 LWRPの導入 Window > PackageManager LWRPについて

Slide 12

Slide 12 text

12 ScriptableRenderPipelineSettings が none でまだ built-in RP が適応されている 1から編 LWRPの導入 ProjectSettings > Graphics LWRPについて

Slide 13

Slide 13 text

13 RenderPipelineAsset を作成 1から編 LWRPの導入 Create > Rendering > LightwightRenderPipeline > PipelineAsset LWRPについて

Slide 14

Slide 14 text

14 ScriptableRenderPipelineSettings に生成した RenderPipelineAsset を適応 1から編 LWRPの導入 ProjectSettings > Graphics LWRPについて

Slide 15

Slide 15 text

15 LWRP + Light2D from 2D Renderer 2019/07 くらいに追加された機能

Slide 16

Slide 16 text

16 2DRendererの適応 RenderType / ScriptableRendererData ScriptableRendererの挙動をoverrideして決めたりレンダリング時の挙動を制御したり必要に応じて設定を追加する

Slide 17

Slide 17 text

17 2D Renderer Experimental (実験的) とある通り、現時点においてまだ本リリースではない Rendering > LighweightRenderPipeline > 2D Renderer 2Dに特化したScriptableRendererDataを適応する 2DRendererの適応

Slide 18

Slide 18 text

18 2D Renderer 2Dに特化したScriptableRendererDataを適応する RendererType > Cutom とした上で Data に先ほど生成した 2DRendererData を指定する 2DRendererの適応

Slide 19

Slide 19 text

19 2D Renderer 2Dに特化したScriptableRendererDataを適応する Spriteのデフォルトのマテリアル/シェーダーの設定などもここで指定されている 2DRendererの適応 Renderer2D Renderer2DData Renderer2DData

Slide 20

Slide 20 text

20 2D Renderer 2Dに特化したScriptableRendererDataを適応するもし既存のプロジェクトに適応する場合、一括でSpriteRendererのMaterialを書き換える君を使う 2DRendererの適応

Slide 21

Slide 21 text

21 準備は整った！ Light2Dを使おう! さっそくSpriteRendererを置いていきましょう

Slide 22

Slide 22 text

22 Light2Dを使おう! 闇光源もなく環境光 (EnvironmentLighting) も適応されないので何も見えない状態さあ Light を付けましょう！

Slide 23

Slide 23 text

23 Create > Light > 2D > Global Light 2D Spriteに均一に適応されるライトの追加 Light2D の設置一例: Global Light Light2Dを使おう!

Slide 24

Slide 24 text

24 Light2D の設置一例: Global Light Light2D は SortingLayer 単位で適応対象を絞り込むことも可能 Light2Dを使おう!

Slide 25

Slide 25 text

25 一例: Point Light Create > Light > 2D > Point Light 2D 配置箇所から (デフォルトでは) 全方位に光を発する光源 Light2D の設置 Light2Dを使おう!

Slide 26

Slide 26 text

26 全方位ではなく、角度を指定してスポットライトのような表現も可能一例: Point Light Light2D の設置 Light2Dを使おう!

Slide 27

Slide 27 text

27 1 :深さに応じて Intensity (強さ) が変わる Global Light 2 :操作対象を強調するために潜水艦のみを明るくする Global Light 3 :潜水艦の周りを柔らかく光らせて雰囲気を作る Point Light 4 :潜水艦のサーチライトを実装するための Point Light 今紹介した機能だけでこんな感じの表現が作れる！ Light2Dを使おう!

Slide 28

Slide 28 text

28 他にも…… Light2Dを使おう!

Slide 29

Slide 29 text

29 Light2Dを使おう! 様々な形状のライトを作成可能 Sprite Freeform Parametric (多角形)

Slide 30

Slide 30 text

30 Normal Map を適応して陰影を表現したり Sprite Editor > Secondary Textures にて Sprite に NormalMap を適応可能 Light2Dを使おう!

Slide 31

Slide 31 text

31 Light Blend Styles (光をどういう風にSpriteの描画とブレンドするか) 「Additive」なBlendStyleを用意して発光表現を作ったり Light2Dを使おう!

Slide 32

Slide 32 text

32 色々面白そうな絵作りが出来そうなのでぜひお試しください！ Experimental な機能なので何かあればフォーラムで報告を……!! まとめ

Slide 33

Slide 33 text

33 困った時に見たところ LWRP / 2Drenderer

Slide 34

Slide 34 text

34 軽量レンダーパイプライン   リアルタイムパフォーマンスの最適化 – Unity Blog 軽量レンダーパイプライン   からユニバーサルレンダーパイプラインへ  – Unity Blog 困った時に見るところ

Slide 35

Slide 35 text

35 軽量レンダーパイプライン、Light Weight Renderer Pipeline…とは - Unity Learning Materials 困った時に見るところ

Slide 36

Slide 36 text

36 #Unity SRP(LWRP=UniversalRP)のシングルPassフォワードレンダリングとはなにか - 土屋つかさの技術ブログは今か無しか困った時に見るところ

Slide 37

Slide 37 text

37 https://docs.unity3d.com/Packages/[email protected]/manual/2d-index.html 2D in LWRP Manual 困った時に見るところ

Slide 38

Slide 38 text

38 https://github.com/Unity-Technologies/2d-renderer-samples GitHub: Unity-Technologies/2d-renderer-samples 困った時に見るところ

Slide 39

Slide 39 text

Roppongi.unity #5 青木とと@lycoris102 LWRP + Light2D 楽しい！