3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Unity 2Dでライティングを使う

Posted at

2Dでライティングが必要?いやあるとお手軽にリッチな表現ができるようになる。

松明の光、くらい洞窟、懐中電灯、魔法の光、アイディアは無限大。

URP(Universal Render Pipeline)へ変更

なにはともあれ、ライトを使用するにはURPへ切り替える。URP軽いらしい。

※切り替えるとマテリアルを設定しなおす必要があるので新規プロジェクトからURPにするのが無難。

Package ManagerからURPをインストール
Pacages Unity Registry > Universal RP
image.png

新しくフォルダを作り、Create > Renderring > URP Asset (with 2D Render

With Univaersal RendererにするとGrobal Light 2dが出てこないので注意

image.png
image.png
作成したRenderついていない方をProject SettingsのGraphicsに設定
image.png

Qualityにも設定

image.png

MaterialsがピンクになっていたらURPように変更する必要がある。
一括での変更は
Window > Rendering > Render pipeline Convert
image.png
Built in to 2D 切り替え
チェックをいれてinirialize converters
image.png
そのあとConvert Assetsに切り替わるのでそれもクリック
image.png

個別に設定するには変更したいMaterialを選択し
Edit>Rendering>Materials>Convert Selected Buit-in Materials to URP
で変更する。

使って見ようLight

CreateからSquareを作成
image.png

AssetのほうのCreateからMaterialを作成
image.png

MaterialのShaderをUniversal Render Pipeline > 2D > Sprite Lit defaultに設定。
image.png

MaterialをSquareに設定
image.png

Hierarchyで右クリック、Light>SpotLight 2Dを作成
image.png

intensityを変更すると光の強弱が変わる。
image.png
image.png
image.png

明かりを作ってみる

懐中電灯の光のようなものを作ってみる。
Freeform Light2d > Squareを作成
image.png
Edit Shapeで光の形を変えることができる。
image.png
image.png
色も変えるとそれっぽくなる
image.png
同じものをコピーして元だけ強くするとさらにそれっぽくなる
image.png

別の方法ではSpotLightを使う。SpotLightは光の角度をAngleで設定できる。
image.png

image.png
こんな感じで、懐中電灯っぽい光がつくれる。

光の種類まとめ
Grobal Light : すべて均等に光をあてる。太陽のひかり
Spot Light : ある一部のひかり
FreeForm Light : 自由な形状の光
使い分けよう。

影をつける

光といえば影。2Dではスクリプトをついかすることで影を追加することができる。

作ったSpot Light
すきなSprite(Triangleを追加した)を追加し、Add componentからShadow Caster2dを追加
image.png
image.png
Edit ShapeからSpririteの形に変更
image.png
image.png

Spot Lightの設定でShadowsにチェック
image.png

TriangleをSpot Lightの前に持っていくと
image.png
影ができた!

Tips

特定のものだけに光を当てる

光はレイヤーで当てるものと当てないものの設定ができる。
image.png
Lightはレイヤーの機能があるためレイヤーごとに限定できる。

発展

Normal Map(法線マップ)と呼ばれるものを使えば2Dでもおうとつが表現できる。簡単に言うと、色が黒いほど膨らんでいて、白いほどたいらというファイルを設定することで出来るようになる。
少し難しい話になるので別の機会に。

URPでできること

その他URPでは
Shader Graph :シェーダーを視覚的に作成
VFX Graph : 新しいパーティクルシステム
ができるようになる。詳しくは各自調べてみいて

参考リンク

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?