Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
楽しい! LWRP + Light2D / Unity Light2D Tutorial
Search
lycoris102
October 23, 2019
Technology
1
4.8k
楽しい! LWRP + Light2D / Unity Light2D Tutorial
Roppongi.unity #5
https://roppongiunity.connpass.com/event/148051/
lycoris102
October 23, 2019
Tweet
Share
More Decks by lycoris102
See All by lycoris102
コンプリボドゲ2024 ジグザグザクザク 遊び方
lycoris102
0
280
イラレの生成AI + Unity (VectorGraphics) で遊びたい! / Illustrator Generative AI and Unity Vector Graphics
lycoris102
0
580
⌨️ a Key is Landmine 💣のデザイン / Design of "a Key is Landmine"
lycoris102
0
170
[Unity] プレビュー版 Cinemachine 3.0 紹介
lycoris102
1
1.6k
Unityとキャリアとコミュニティの話 / Unity, Carrier, Community
lycoris102
1
180
GOOLF!のデザイン⛳️ / Design of GOOLF!
lycoris102
0
630
[Unity] Mobile3D(2D)テンプレートとモバイル向けパッケージ紹介 / Mobile templates and packages for mobile
lycoris102
0
9.3k
期待値と言語化の話 / Verbalize Expectations
lycoris102
1
4.8k
Sweet^2 Honey Hive
lycoris102
2
1.4k
Other Decks in Technology
See All in Technology
バックエンドエンジニアのためのフロントエンド入門 #devsumiC
panda_program
16
6.5k
テストアーキテクチャ設計で実現する高品質で高スピードな開発の実践 / Test Architecture Design in Practice
ropqa
3
710
20250208_OpenAIDeepResearchがやばいという話
doradora09
PRO
0
170
SA Night #2 FinatextのSA思想/SA Night #2 Finatext session
satoshiimai
1
100
データ資産をシームレスに伝達するためのイベント駆動型アーキテクチャ
kakehashi
PRO
2
230
PL900試験から学ぶ Power Platform 基礎知識講座
kumikeyy
0
110
個人開発から公式機能へ: PlaywrightとRailsをつなげた3年の軌跡
yusukeiwaki
11
2.7k
Fintech SREの挑戦 PCI DSS対応をスマートにこなすインフラ戦略/Fintech SRE’s Challenge: Smart Infrastructure Strategies for PCI DSS Compliance
maaaato
0
450
君はPostScriptなウィンドウシステム 「NeWS」をご存知か?/sunnews
koyhoge
0
720
プロセス改善による品質向上事例
tomasagi
1
1.6k
リーダブルテストコード 〜メンテナンスしやすい テストコードを作成する方法を考える〜 #DevSumi #DevSumiB / Readable test code
nihonbuson
11
5.8k
The 5 Obstacles to High-Performing Teams
mdalmijn
0
270
Featured
See All Featured
Side Projects
sachag
452
42k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
A Modern Web Designer's Workflow
chriscoyier
693
190k
Facilitating Awesome Meetings
lara
51
6.2k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Agile that works and the tools we love
rasmusluckow
328
21k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
We Have a Design System, Now What?
morganepeng
51
7.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
How GitHub (no longer) Works
holman
313
140k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Transcript
Roppongi.unity #5 青木とと@lycoris102 LWRP + Light2D 楽しい!
だれ? 2 @lycoris102 青木とと ねんれい:29 しごと: 株式会社キッズスター かぞく: 妻と3歳の息子 ・Unityアンバサダー
・Gotanda.unity ・UnityDesigner’sCafe ・勉強会主催/サポート ・ゆるふわゲームクリエイター
だれ? 3 こんな感じの個人ゲームも作っています https://unityroom.com/users/lycoris102
4 参加された皆さん お疲れ様でした! お題「さがす」 10/14(月)~20(日) 1週間でゲームを作るオンラインゲームジャムイベント
5 2019/10/23 朝8時 で 289作品
6 こんなものを作っていました (未完成……)
7 今日のゴールは「2DのLight表現ちょっと面白そう」って思ってもらうこと LWRP + Light2D で表現しています 潜水艦のサーチライトを始め
8 LWRP + Light2D Unity2019.3~ はURP (Universal Render Pipeline) と名称変更および改善がされます
Light Weight Render Pipeline
9 LWRPについて SRP Scriptable Render Pipeline 最近Unityが注力している C#で制御可能な 描画にまつわる処理実装群 元々Unityに組み込まれているレンダリングパイプラインと比べて
「よりプロダクトやプラットフォームに最適化した」 描画手法を採択できるようになった! すごい! 0からレンダリングパイプラインを考えるのは難しいので2つのプリセット LWRP HDRPに該当しない場合 HDRP PS4/ハイエンドPC向け リッチな絵作り ShaderGraphなどの最新のUnityの機能はSRP向けに提供されています 今日はこっちの話
10 プロジェクト新規作成時に LWRP Template を選択するのが楽 LWRPの導入 お手軽編 LWRPについて
11 PackageManger経由でLWRPをインストール 1から編 LWRPの導入 Window > PackageManager LWRPについて
12 ScriptableRenderPipelineSettings が none でまだ built-in RP が適応されている 1から編 LWRPの導入
ProjectSettings > Graphics LWRPについて
13 RenderPipelineAsset を作成 1から編 LWRPの導入 Create > Rendering > LightwightRenderPipeline
> PipelineAsset LWRPについて
14 ScriptableRenderPipelineSettings に生成した RenderPipelineAsset を適応 1から編 LWRPの導入 ProjectSettings > Graphics
LWRPについて
15 LWRP + Light2D from 2D Renderer 2019/07 くらいに追加された機能
16 2DRendererの適応 RenderType / ScriptableRendererData ScriptableRendererの挙動をoverrideして決めたり レンダリング時の挙動を制御したり 必要に応じて設定を追加する
17 2D Renderer Experimental (実験的) とある通り、現時点においてまだ本リリースではない Rendering > LighweightRenderPipeline >
2D Renderer 2Dに特化したScriptableRendererDataを適応する 2DRendererの適応
18 2D Renderer 2Dに特化したScriptableRendererDataを適応する RendererType > Cutom とした上で Data に先ほど生成した
2DRendererData を指定する 2DRendererの適応
19 2D Renderer 2Dに特化したScriptableRendererDataを適応する Spriteのデフォルトのマテリアル/シェーダーの設定などもここで指定されている 2DRendererの適応 Renderer2D Renderer2DData Renderer2DData
20 2D Renderer 2Dに特化したScriptableRendererDataを適応する もし既存のプロジェクトに適応する場合、一括でSpriteRendererのMaterialを書き換える君を使う 2DRendererの適応
21 準備は整った! Light2Dを使おう! さっそくSpriteRendererを置いていきましょう
22 Light2Dを使おう! 闇 光源もなく 環境光 (EnvironmentLighting) も適応されないので 何も見えない状態 さあ Light
を付けましょう!
23 Create > Light > 2D > Global Light 2D
Spriteに均一に適応されるライトの追加 Light2D の設置 一例: Global Light Light2Dを使おう!
24 Light2D の設置 一例: Global Light Light2D は SortingLayer 単位で
適応対象を絞り込むことも可能 Light2Dを使おう!
25 一例: Point Light Create > Light > 2D >
Point Light 2D 配置箇所から (デフォルトでは) 全方位に光を発する光源 Light2D の設置 Light2Dを使おう!
26 全方位ではなく、角度を指定してスポットライトのような表現も可能 一例: Point Light Light2D の設置 Light2Dを使おう!
27 1 :深さに応じて Intensity (強さ) が変わる Global Light 2 :操作対象を強調するために潜水艦のみを明るくする
Global Light 3 :潜水艦の周りを柔らかく光らせて雰囲気を作る Point Light 4 :潜水艦のサーチライトを実装するための Point Light 今紹介した機能だけでこんな感じの表現が作れる! Light2Dを使おう!
28 他にも…… Light2Dを使おう!
29 Light2Dを使おう! 様々な形状のライトを作成可能 Sprite Freeform Parametric (多角形)
30 Normal Map を適応して陰影を表現したり Sprite Editor > Secondary Textures にて
Sprite に NormalMap を適応可能 Light2Dを使おう!
31 Light Blend Styles (光をどういう風にSpriteの描画とブレンドするか) 「Additive」なBlendStyleを用意して発光表現を作ったり Light2Dを使おう!
32 色々面白そうな絵作りが出来そうなので ぜひお試しください! Experimental な機能なので何かあれば フォーラム で報告を……!! まとめ
33 困った時に見たところ LWRP / 2Drenderer
34 軽量レンダーパイプライン リアルタイムパフォーマンスの最適化 – Unity Blog 軽量レンダーパイプライン からユニバーサルレンダーパイプラインへ
– Unity Blog 困った時に見るところ
35 軽量レンダーパイプライン、Light Weight Renderer Pipeline…とは - Unity Learning Materials 困った時に見るところ
36 #Unity SRP(LWRP=UniversalRP)のシングルPassフォワードレンダリングとはなにか - 土屋つかさの技術ブログは今か無しか 困った時に見るところ
37 https://docs.unity3d.com/Packages/
[email protected]
/manual/2d-index.html 2D in LWRP Manual 困った時に見るところ
38 https://github.com/Unity-Technologies/2d-renderer-samples GitHub: Unity-Technologies/2d-renderer-samples 困った時に見るところ
Roppongi.unity #5 青木とと@lycoris102 LWRP + Light2D 楽しい!