<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>URP | 怪獣の2Dアクションゲーム制作開発記</title>
	<atom:link href="https://naiterukaiju.com/tag/urp/feed/" rel="self" type="application/rss+xml" />
	<link>https://naiterukaiju.com</link>
	<description>Unityでゲームを作る方法を初心者目線で発信👾</description>
	<lastBuildDate>Wed, 06 May 2026 07:26:54 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://naiterukaiju.com/wp-content/uploads/2025/09/cropped-Enemy-32x32.png</url>
	<title>URP | 怪獣の2Dアクションゲーム制作開発記</title>
	<link>https://naiterukaiju.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【Unity2D】プレイヤーの周りだけ常時光を照らす仕組みを作ろう（導入〜実装まで）</title>
		<link>https://naiterukaiju.com/unity-2d-urp-lighting-player/</link>
					<comments>https://naiterukaiju.com/unity-2d-urp-lighting-player/#respond</comments>
		
		<dc:creator><![CDATA[怪獣]]></dc:creator>
		<pubDate>Sun, 28 Dec 2025 14:35:31 +0000</pubDate>
				<category><![CDATA[Unity2D実装解説（テクニック）]]></category>
		<category><![CDATA[2D]]></category>
		<category><![CDATA[2Dゲーム]]></category>
		<category><![CDATA[Light]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[Unity初心者]]></category>
		<category><![CDATA[URP]]></category>
		<category><![CDATA[アクションゲーム]]></category>
		<category><![CDATA[ゲーム制作]]></category>
		<category><![CDATA[ライト]]></category>
		<category><![CDATA[光]]></category>
		<category><![CDATA[常時]]></category>
		<category><![CDATA[照らす]]></category>
		<guid isPermaLink="false">https://naiterukaiju.com/?p=462</guid>

					<description><![CDATA[今回は、URP（Universal Render Pipeline）の2Dライトを使って、背景全体を暗くしつつ、プレイヤーの周りだけを明るく照らす方法を解説します。導入～実装までそこまで難しくはないのですが、導入方法や光 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-10 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://naiterukaiju.com/wp-content/uploads/2026/04/9327DB85-EFD6-4A95-A63A-1FA1F0A35E85.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>こんにちは！夜の街2Dアクションゲームを制作中の怪獣です🦖</p>
</div></div>



<p>今回は、<strong>URP（Universal Render Pipeline）の2Dライト</strong>を使って、<strong>背景全体を暗くしつつ、プレイヤーの周りだけを明るく照らす</strong>方法を解説します。<br>導入～実装までそこまで難しくはないのですが、導入方法や光を照らすまでの前提など個人的に色々ハマったので、その点も合わせて最後に紹介しようと思います。</p>



<p>実際に実装出来るようになると夜のステージやダンジョン探索っぽい雰囲気が一気に出るので、演出としてかなりおすすめです！</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">この記事でできるようになること</a></li><li><a href="#toc2" tabindex="0">前提（確認ポイント）</a></li><li><a href="#toc3" tabindex="0">①URPを導入する</a><ol><li><a href="#toc4" tabindex="0">URPとは？</a></li><li><a href="#toc5" tabindex="0">Built-in Render Pipeline（Unity初期状態）について</a></li><li><a href="#toc6" tabindex="0">URP（Universal Render Pipeline）について</a></li><li><a href="#toc7" tabindex="0">実際にURPをインストールする</a></li></ol></li><li><a href="#toc8" tabindex="0">②URP 2D Renderer を作成する</a></li><li><a href="#toc9" tabindex="0">③Project Settings に URP を適用する（Graphics / Quality）</a><ol><li><a href="#toc10" tabindex="0">Graphics に適用</a></li><li><a href="#toc11" tabindex="0">Quality に適用</a></li></ol></li><li><a href="#toc12" tabindex="0">④背景画像を用意する</a><ol><li><a href="#toc13" tabindex="0">仮背景オブジェクトの作成</a></li><li><a href="#toc14" tabindex="0">Material の設定</a></li><li><a href="#toc15" tabindex="0">仮背景のおすすめ設定</a></li></ol></li><li><a href="#toc16" tabindex="0">⑤全体の暗さ設定をする</a><ol><li><a href="#toc17" tabindex="0">全体を暗くする（Global Light 2D）</a></li></ol></li><li><a href="#toc18" tabindex="0">⑥プレイヤー周りだけ照らす</a></li><li><a href="#toc19" tabindex="0">⑦動作確認</a></li><li><a href="#toc20" tabindex="0">個人的にハマった点</a><ol><li><a href="#toc21" tabindex="0">Sprite の Material が Sprites-Default のまま</a></li><li><a href="#toc22" tabindex="0">Sprite-Lit-Default にしたら真っ暗になった</a></li></ol></li><li><a href="#toc23" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">この記事でできるようになること</span></h2>



<ul class="wp-block-list">
<li>URP（Universal Render Pipeline）を導入し、<strong>背景全体を暗く</strong>調整することができる</li>



<li>プレイヤーの<strong>周りだけ常時照らす</strong>仕組みを作ることができる</li>
</ul>



<video
  src="https://naiterukaiju.com/wp-content/uploads/2025/12/無題のビデオ-‐-Clipchampで作成-11-1.mp4"
  autoplay
  loop
  muted
  playsinline
  width="640"
  height="360">
</video



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc2">前提（確認ポイント）</span></h2>



<ul class="wp-block-list">
<li>Unity 2021.3 LTS / 2022.3 LTS だと安定（他でもOK）</li>



<li>2Dプロジェクトでも導入可能</li>



<li>この記事は <strong>URP 2Dライト（Light 2D）</strong> を使います</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc3">①URPを導入する</span></h2>



<p>まず初めにURP（Universal Render Pipeline）をインストールする必要があります。<br></p>



<h3 class="wp-block-heading"><span id="toc4">URPとは？</span></h3>



<p>URP（Universal Render Pipeline）とは、<span class="marker-under-red">Unityで「画面をどう描画するか」を決める仕組み</span>のようなものです。<br>Unityを新規作成した直後は、<strong>Built-in Render Pipeline（旧方式）</strong> が使われています。<br>Built-in（初期状態）と URP の決定的な違いは以下です。</p>



<h3 class="wp-block-heading"><span id="toc5">Built-in Render Pipeline（Unity初期状態）について</span></h3>



<ul class="wp-block-list">
<li>昔からある方式</li>



<li>「3D向けの光」が前提（Built-in には <strong>2D専用ライト</strong> が存在しない）</li>



<li>2Dは <strong>Spriteを貼っているだけ</strong> という扱い</li>
</ul>



<p>つまり、</p>



<ul class="wp-block-list">
<li>キャラや背景は<br>「ただの画像」</li>



<li>光は<br>「3D空間用のもの」</li>
</ul>



<p>なので、</p>



<ul class="wp-block-list">
<li>2D用の Global Light</li>



<li>2D用の Point / Spot Light</li>
</ul>



<p>という概念自体が <strong>存在</strong>しないため、<strong>2D専用ライト</strong>が用意されていません。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc6">URP（Universal Render Pipeline）について</span></h3>



<p>URPでは</p>



<ul class="wp-block-list">
<li><strong>2D Renderer</strong> という専用描画ルートがある</li>



<li>Spriteを<br>「光を受ける物体」として扱える。</li>



<li>2D用のライト計算が最初から組み込まれている</li>
</ul>



<p>つまり、</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong>URPは「2Dも3Dも、ちゃんと光のある世界として扱う」仕組み</strong></p>
</blockquote>



<p>です。<br><br>「URPを導入すると何が増えるのか？」を具体的に説明すると、<br>Unity内部で次のものが有効になります。</p>



<h4 class="wp-block-heading"> Light2D という新しいコンポーネント</h4>



<p>Built-in（Unity初期状態）：</p>



<ul class="wp-block-list">
<li><code>Light</code>（3D用）がデフォルトで用意されている</li>
</ul>



<p>URP 2D：</p>



<ul class="wp-block-list">
<li><code>Light2D</code>
<ul class="wp-block-list">
<li>Global Light 2D　追加</li>



<li>Point Light 2D　追加</li>



<li>Spot Light 2D　追加</li>
</ul>
</li>
</ul>



<p>➡️ <strong><span class="marker-under-red">2D専用のリアルな光と影を追加するための専用コンポーネント</span></strong>が使えるようになります</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h4 class="wp-block-heading">Sprite が「光を受けるかどうか」を選べるようになる</h4>



<p>URPでは Sprite に対して：</p>



<ul class="wp-block-list">
<li>光を無視する（Unlit）</li>



<li>光を受ける（Lit）</li>
</ul>



<p>を <strong>Material で明確に分けます</strong>。</p>



<h5 class="wp-block-heading">例</h5>



<ul class="wp-block-list">
<li><code>Sprites-Default</code><br>→ 光を無視（常に同じ色）</li>



<li><code>Sprite-Lit-Default</code><br>→ Light2D の影響を受ける</li>
</ul>



<h4 class="wp-block-heading">「光が0なら黒になる」という、当たり前の世界になる</h4>



<p>Built-inでは👇</p>



<ul class="wp-block-list">
<li>光がなくてもSpriteは見える</li>
</ul>



<p>URP 2Dでは👇</p>



<ul class="wp-block-list">
<li><strong>光がなければ見えない</strong></li>
</ul>



<p>これは、</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong>現実世界と同じルールを2Dにも持ち込んだ</strong></p>
</blockquote>



<p>ということになります。</p>



<h3 class="wp-block-heading"><span id="toc7">実際にURPをインストールする</span></h3>



<p>前置きが長くなりましたが、実際にURPをインストールしていきましょう！</p>



<ul class="wp-block-list">
<li><strong>Window → Package Manager</strong></li>



<li>左上のプルダウンを <strong>Unity Registry</strong> に切り替える</li>



<li><strong>Universal RP</strong> を探して <strong>Install</strong>をします</li>
</ul>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="523" src="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-2-1024x523.png" alt="Package Manager画面" class="wp-image-464" srcset="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-2-1024x523.png 1024w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-2-300x153.png 300w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-2-768x392.png 768w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-2.png 1218w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p><br>「Install」⇒「Remove」に切り替わったらインストール完了です！</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc8">②URP 2D Renderer を作成する</span></h2>



<p>次に、<strong>「URP Asset (with 2D Renderer)」</strong>を作っていきます。<br><br>これは、<strong>Unityで「2Dライトを使うために必ず必要な設定」</strong> です。<br>Unityの初期状態では、2Dゲームであっても<br>描画の仕組みは <strong>3D向け（Universal Renderer）</strong> のままになっています。<br>そのため、<strong>2Dゲームで光の演出をしたい場合は、</strong>必ず “2D Renderer” を使うURP Assetを作成する必要があります。<br>手順は以下の通りです。</p>



<ol class="wp-block-list">
<li><strong>Assets → Create → Rendering</strong></li>



<li><strong>URP Asset (with 2D Renderer)</strong> を選択する</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="523" src="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-4-1024x523.png" alt="URP Asset (with 2D Renderer) 選択" class="wp-image-469" srcset="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-4-1024x523.png 1024w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-4-300x153.png 300w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-4-768x392.png 768w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-4.png 1218w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="523" src="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-8-1024x523.png" alt="URP Asset (with 2D Renderer) 設定後" class="wp-image-473" srcset="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-8-1024x523.png 1024w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-8-300x153.png 300w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-8-768x392.png 768w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-8.png 1218w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>すると、2つ自動で生成されます。</p>



<p>① Pipeline Asset（URPの本体）</p>



<p>1つ目は <strong>Pipeline Asset</strong> です。</p>



<p>これは、<strong><span class="marker-under-red">プロジェクト全体の「描画ルール」をまとめた本体ファイル</span></strong>になります。</p>



<p>具体的には、</p>



<ul class="wp-block-list">
<li>URP を使うかどうか</li>



<li>どの Renderer（2D / 3D）を使うか</li>



<li>ライトや描画の基本方針</li>
</ul>



<p>といった、<strong><span class="marker-under-red">プロジェクト全体に影響する設定</span></strong>を管理しています。<br>この Pipeline Asset を<br><strong>Project Settings → Graphics / Quality</strong> に設定することで、<br>「このプロジェクトは URP（2D Renderer）で描画する」という宣言になります。</p>



<p>② Renderer（2D Renderer 用の設定アセット）</p>



<p>もう1つ作られるのが、<br><strong>2D Renderer 用の Renderer アセット</strong> です。</p>



<p>これは Pipeline Asset とは別物で、<strong><span class="marker-under-red">2D専用の描画処理・ライト計算を担当する設定ファイル</span></strong>になります。</p>



<p>この Renderer では、</p>



<ul class="wp-block-list">
<li>Global / Spot / Point Light 2D の計算方法</li>



<li>2Dライトのブレンド設定</li>



<li>影や減衰の処理</li>
</ul>



<p>といった、<strong>「2D描画の中身」</strong> を管理しています。</p>



<p>Pipeline Asset の中から<br>「この Renderer を使う」と指定されることで、<br>初めて <strong>URP 2Dライトが有効</strong> になります。<br></p>



<p>名前を以下等に変更します：</p>



<ul class="wp-block-list">
<li><code>URP_2D.asset</code>（Pipeline Asset：本体）</li>



<li><code>URP_2D_Renderer.asset</code>（Renderer 2D Data：2Dレンダラー）</li>
</ul>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="523" src="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-7-1024x523.png" alt="名前変更後" class="wp-image-472" srcset="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-7-1024x523.png 1024w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-7-300x153.png 300w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-7-768x392.png 768w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-7.png 1218w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>これにより、</p>



<ul class="wp-block-list">
<li>2Dライトが使えるようになる</li>



<li>スプライトが光の影響を受けるようになる</li>



<li>夜の表現や雰囲気作りが簡単にできる</li>
</ul>



<p>といった、<strong>2Dゲーム向けの描画環境</strong> が整います。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>⚠️「with Universal Renderer」を選ぶと3D向けになり、2D Light が正しく働かないことがあるので注意！</p>
</blockquote>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc9">③Project Settings に URP を適用する（Graphics / Quality）</span></h2>



<p>作っただけでは反映されないので、<strong>適用が必要</strong>です。<br>以下の手順で行っていきます。</p>



<h3 class="wp-block-heading"><span id="toc10">Graphics に適用</span></h3>



<ol class="wp-block-list">
<li><strong>Edit → Project Settings → Graphics</strong></li>



<li><strong>Scriptable Render Pipeline Settings</strong> に<br><code>URP_2D.asset</code> （Pipeline Asset本体）をドラッグ＆ドロップする<br><br>以下のメッセージが表示される場合は「Continue」を選択します。</li>
</ol>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="523" src="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-9-1024x523.png" alt="continueメッセージ" class="wp-image-475" style="aspect-ratio:1.958009866534093;width:564px;height:auto" srcset="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-9-1024x523.png 1024w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-9-300x153.png 300w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-9-768x392.png 768w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-9.png 1218w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc11">Quality に適用</span></h3>



<ol class="wp-block-list">
<li><strong>Edit → Project Settings → Quality</strong></li>



<li>上にある <strong>Quality Level（Very Low / Low / Medium / High / Very High / Ultra など）</strong> を1つずつクリックして3を行う</li>



<li>それぞれの <strong>Render Pipeline Asset</strong> に 生成した<code><strong>URP_2D.asset</strong></code> （Pipeline Asset：本体）を1つずつ設定する</li>
</ol>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="523" src="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-10-1024x523.png" alt="Quality設定" class="wp-image-476" srcset="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-10-1024x523.png 1024w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-10-300x153.png 300w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-10-768x392.png 768w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-10.png 1218w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>✅ ここを揃えないと「環境によってライトが効いたり効かなかったり」します！</p>
</blockquote>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc12">④背景画像を用意する</span></h2>



<p>2D ライトは <strong>描画されているものにしか影響しません</strong>。<br>そのため、ここでは「暗さの基準になる仮背景」を用意します。<br>（※既に背景を用意してある場合は、<strong>Material の設定以降</strong>だけ確認します）</p>



<h3 class="wp-block-heading"><span id="toc13">仮背景オブジェクトの作成</span></h3>



<ol class="wp-block-list">
<li>Hierarchy → <strong>Create Empty</strong>を追加する</li>



<li>名前を <code>Background</code>等 にする</li>



<li>Add Componentで<strong>「<strong>Sprite Renderer</strong>」</strong> を追加</li>



<li>適当な四角い Sprite を設定<br>（白1pxでもOK、拡大して画面全体を覆うようにする）</li>
</ol>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="523" src="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-14-1024x523.png" alt="Sprite Renderer設定" class="wp-image-483" srcset="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-14-1024x523.png 1024w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-14-300x153.png 300w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-14-768x392.png 768w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-14.png 1218w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc14">Material の設定</span></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="493" height="34" src="https://naiterukaiju.com/wp-content/uploads/2025/12/image.png" alt="Material の設定" class="wp-image-484" srcset="https://naiterukaiju.com/wp-content/uploads/2025/12/image.png 493w, https://naiterukaiju.com/wp-content/uploads/2025/12/image-300x21.png 300w" sizes="(max-width: 493px) 100vw, 493px" /></figure>



<p>Sprite Renderer<br> →<strong>Material：<span class="marker-under-red">Sprite-Lit-Default</span></strong>に変更する（重要）<br><br>※ Sprites-Default のままだと<br><strong>URP 2D Light が一切効</strong>かないため、変更します。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc15">仮背景のおすすめ設定</span></h3>



<ul class="wp-block-list">
<li>Color：少し暗いグレー or 紺</li>



<li>Sorting Layer：BG（なければ Default でもOK）</li>



<li>Order in Layer：-10 など</li>
</ul>



<h2 class="wp-block-heading"><span id="toc16">⑤全体の暗さ設定をする</span></h2>



<h3 class="wp-block-heading"><span id="toc17">全体を暗くする（Global Light 2D）</span></h3>



<ul class="wp-block-list">
<li>Hierarchy で<br><strong>GameObject → Light → 2D → Global Light 2D</strong>を追加します</li>
</ul>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="523" src="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-11-1024x523.png" alt="Global Light 2Dを選ぶ" class="wp-image-479" srcset="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-11-1024x523.png 1024w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-11-300x153.png 300w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-11-768x392.png 768w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-11.png 1218w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ul class="wp-block-list">
<li>Inspector で調整（例）
<ul class="wp-block-list">
<li>Color：黒ではなく<strong>濃い紺</strong>（夜っぽく）</li>



<li>Intensity：<strong>0.2〜0.4</strong> くらい</li>
</ul>
</li>
</ul>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="501" src="https://naiterukaiju.com/wp-content/uploads/2025/12/image-1-1024x501.png" alt="Inspector で調整" class="wp-image-489" srcset="https://naiterukaiju.com/wp-content/uploads/2025/12/image-1-1024x501.png 1024w, https://naiterukaiju.com/wp-content/uploads/2025/12/image-1-300x147.png 300w, https://naiterukaiju.com/wp-content/uploads/2025/12/image-1-768x376.png 768w, https://naiterukaiju.com/wp-content/uploads/2025/12/image-1.png 1223w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>💡黒 (#000000) にすると見えなくなりすぎるので、濃い青が扱いやすいです。</p>
</blockquote>



<h2 class="wp-block-heading"><span id="toc18">⑥プレイヤー周りだけ照らす</span></h2>



<ol class="wp-block-list">
<li>Player の子オブジェクトとして<br><strong>Light → 2D → Spot Light 2D</strong>を追加します</li>
</ol>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="523" src="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-12-1024x523.png" alt="Spot Light 2Dを選ぶ" class="wp-image-481" srcset="https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-12-1024x523.png 1024w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-12-300x153.png 300w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-12-768x392.png 768w, https://naiterukaiju.com/wp-content/uploads/2025/12/↑作成したUIをドラッグする-12.png 1218w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="wp-block-list">
<li>調整例
<ul class="wp-block-list">
<li>Intensity：0.5〜1</li>



<li>Inner Radius：0.5〜2</li>



<li>Inner / Outer Spot Angle ：360〜360（光が円形になります）</li>



<li>Color：白〜少し黄み</li>
</ul>
</li>
</ol>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="493" height="574" src="https://naiterukaiju.com/wp-content/uploads/2025/12/image-2.png" alt="Light 2Dでの設定" class="wp-image-490" srcset="https://naiterukaiju.com/wp-content/uploads/2025/12/image-2.png 493w, https://naiterukaiju.com/wp-content/uploads/2025/12/image-2-258x300.png 258w" sizes="(max-width: 493px) 100vw, 493px" /></figure>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>💡子にしておけば、プレイヤーが動いても常に追従します（スクリプト不要）。</p>
</blockquote>



<h2 class="wp-block-heading"><span id="toc19">⑦動作確認</span></h2>



<video
  src="https://naiterukaiju.com/wp-content/uploads/2025/12/無題のビデオ-‐-Clipchampで作成-11-1.mp4"
  autoplay
  loop
  muted
  playsinline
  width="640"
  height="360">
</video



<p>➡️プレイヤーの周りだけ常時光を照らすことが出来ました！</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc20">個人的にハマった点</span></h2>



<p>URPもインストール済、背景も用意した、プレイヤーの周りだけ照らす処理も作成したのに何も変化がない、、🫠<br>以下は個人的にハマった点です。<br>上手くいかない場合は以下を確認してみてください。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc21">Sprite の Material が Sprites-Default のまま</span></h3>



<p>先ほど「④背景画像を用意する」の章でも触れましたが、ライトを受けるにはSpriteを光の影響を受けるようにする必要があります。</p>



<p>背景スプライト（SpriteRenderer）の Material が</p>



<ul class="wp-block-list">
<li><strong>Sprites-Default</strong>（光を無視する）</li>



<li><strong>Sprite-Lit-Default</strong>（光の影響を受ける）</li>
</ul>



<p>で挙動が変わります。</p>



<h5 class="wp-block-heading">やること</h5>



<p>背景オブジェクトを選択 → Sprite Renderer → <strong>Material</strong> を</p>



<ul class="wp-block-list">
<li><strong>Sprite-Lit-Default（URP 2D）</strong></li>
</ul>



<p>に変更します。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc22">Sprite-Lit-Default にしたら真っ暗になった</span></h3>



<p>これはバグではなく <strong>正常挙動</strong>です。</p>



<p><strong>Sprite-Lit-Default は “光がないと黒”</strong> になります。<br>つまり：</p>



<ul class="wp-block-list">
<li>Global Light をOFFにした</li>



<li>そもそもLight 2Dが置かれていない<br>→ <strong>光源ゼロ</strong><br>→ <strong>全部真っ暗</strong></li>
</ul>



<p>という状態です。</p>



<h4 class="wp-block-heading">対処</h4>



<ul class="wp-block-list">
<li>Global Light をONにして、Intensityを弱めに</li>



<li>プレイヤーのPoint Lightの範囲を広げる</li>



<li>（必要なら）背景専用に弱いGlobal Lightを追加する</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc23">まとめ</span></h2>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-10 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://naiterukaiju.com/wp-content/uploads/2026/04/9327DB85-EFD6-4A95-A63A-1FA1F0A35E85.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>最後まで読んでいただきありがとうございました！</p>
</div></div>



<p>URPの2Dライトを使うと、</p>



<ul class="wp-block-list">
<li><strong>夜の雰囲気</strong></li>



<li><strong>プレイヤー中心の視界演出</strong></li>



<li><strong>探索・緊張感</strong></li>
</ul>



<p>が一気に作れます💡</p>



<p>この記事では、<strong>URP（Universal Render Pipeline）の2Dライト</strong>を使って、<strong>背景全体を暗くしつつ、プレイヤーの周りだけを明るく照らす</strong>方法を解説しました。<br>最後まで読んでいただきありがとうございました。<br>この記事が少しでもゲーム制作に役立てたら嬉しいです🦖</p>



<p>他にも、<br><strong>「プレイヤーを追従させるカメラワークを作りたい」<br>「歩行やジャンプ時にアニメーションをつけたい」</strong><br>という実装したい人は、こちらの記事もご興味あれば覗いてみてください👾</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-related">

<a href="https://naiterukaiju.com/%e3%80%90unity2d%e3%80%91%e3%83%97%e3%83%ac%e3%82%a4%e3%83%a4%e3%83%bc%e3%82%92%e8%bf%bd%e5%be%93%e3%81%95%e3%81%9b%e3%82%8b%e3%82%ab%e3%83%a1%e3%83%a9%e3%81%ae%e5%ae%9f%e8%a3%85%e6%96%b9%e6%b3%95/" title="【Unity2D】プレイヤーを追従させるカメラを作るには？｜実装方法（コード全文・解説付き）" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://naiterukaiju.com/wp-content/uploads/cocoon-resources/blog-card-cache/3ef8e13d029d5d61f7eb937fbb1399e7.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【Unity2D】プレイヤーを追従させるカメラを作るには？｜実装方法（コード全文・解説付き）</div><div class="blogcard-snippet external-blogcard-snippet">Unityで2Dアクションゲームを作っていると、「プレイヤーの歩行に合わせてカメラも追従させたい」「プレイヤーを歩かせてもカメラが追従しない」「カメラ追従させたが画面がガタつく・・・」「横だけ追従したい」といったことありますよね🤔この記事で...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://naiterukaiju.com/%e3%80%90unity2d%e3%80%91%e3%83%97%e3%83%ac%e3%82%a4%e3%83%a4%e3%83%bc%e3%82%92%e8%bf%bd%e5%be%93%e3%81%95%e3%81%9b%e3%82%8b%e3%82%ab%e3%83%a1%e3%83%a9%e3%81%ae%e5%ae%9f%e8%a3%85%e6%96%b9%e6%b3%95/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">naiterukaiju.com</div></div></div></div></a>
</div>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-related">

<a href="https://naiterukaiju.com/%e3%80%90unity%e5%85%a5%e9%96%80%e3%80%91%e6%ad%a9%e8%a1%8c%e6%99%82%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e4%bd%9c%e3%82%8a%e6%96%b9%ef%bc%882d%ef%bc%89%ef%bd%9canim/" title="【Unity2D】歩行アニメーションの作り方｜Animatorで「待機⇔歩く」を切り替えよう" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://naiterukaiju.com/wp-content/uploads/cocoon-resources/blog-card-cache/26bd1bed9aae0178a08aae993751ecbe.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【Unity2D】歩行アニメーションの作り方｜Animatorで「待機⇔歩く」を切り替えよう</div><div class="blogcard-snippet external-blogcard-snippet">こんにちは！夜の街2Dアクションゲームを制作中の怪獣です🦖今回は 2Dキャラの「歩行」時のアニメーションを を Unity で作る方法を解説します！手順としては、待機、歩行用の画像を用意するAnimation Clip（歩くアニメ）を作成す...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://naiterukaiju.com/%e3%80%90unity%e5%85%a5%e9%96%80%e3%80%91%e6%ad%a9%e8%a1%8c%e6%99%82%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e4%bd%9c%e3%82%8a%e6%96%b9%ef%bc%882d%ef%bc%89%ef%bd%9canim/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">naiterukaiju.com</div></div></div></div></a>
</div>



<p><br></p>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://naiterukaiju.com/unity-2d-urp-lighting-player/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://naiterukaiju.com/wp-content/uploads/2025/12/無題のビデオ-‐-Clipchampで作成-11-1.mp4" length="1200517" type="video/mp4" />

			</item>
		<item>
		<title>【ゲーム制作進捗#2】プレイヤーの周りだけ光を照らす演出を作って夜の雰囲気を出した！</title>
		<link>https://naiterukaiju.com/unity-progress-urp-player-lighting/</link>
					<comments>https://naiterukaiju.com/unity-progress-urp-player-lighting/#respond</comments>
		
		<dc:creator><![CDATA[怪獣]]></dc:creator>
		<pubDate>Sat, 29 Nov 2025 14:08:03 +0000</pubDate>
				<category><![CDATA[夜の街2Dアクションゲーム開発記]]></category>
		<category><![CDATA[2D Renderer]]></category>
		<category><![CDATA[2Dゲーム]]></category>
		<category><![CDATA[Light]]></category>
		<category><![CDATA[Point Light 2D]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[Unity初心者]]></category>
		<category><![CDATA[URP]]></category>
		<category><![CDATA[アクションゲーム]]></category>
		<category><![CDATA[ゲーム制作]]></category>
		<category><![CDATA[光]]></category>
		<category><![CDATA[夜の街]]></category>
		<guid isPermaLink="false">https://naiterukaiju.com/?p=445</guid>

					<description><![CDATA[こんにちは！夜の街2Dアクションゲームを制作中の怪獣と申します🦖本日は自作ゲームの進捗報告になります。 プレイヤーの周りだけを照らすライト演出を実装！]]></description>
										<content:encoded><![CDATA[
<p>こんにちは！<br>夜の街2Dアクションゲームを制作中の怪獣と申します🦖<br>本日は自作ゲームの進捗報告になります。<br></p>



<h2 class="wp-block-heading">プレイヤーの周りだけを照らすライト演出を実装！</h2>



<video
  src="https://naiterukaiju.com/wp-content/uploads/2025/11/無題のビデオ-‐-Clipchampで作成-10.mp4"
  autoplay
  loop
  muted
  playsinline
  width="640"
  height="360">
</video



<p><br>背景全体を暗くし、プレイヤーの周りだけ光を照らすようにして夜の雰囲気をより出すようにしました！<br>実装には <strong>URP（Universal Render Pipeline）＋ 2D Renderer</strong> を使用しています。<br>やったことはシンプルで、</p>



<ol class="wp-block-list">
<li>プロジェクトを URP 2D 用に設定</li>



<li>環境全体用の暗めのLightを作成</li>



<li>プレイヤーの子オブジェクトとして <strong>Spot Light 2D</strong> を追加</li>



<li>光量・半径・カラーを調整</li>
</ol>



<p>これだけで「主人公の周りだけ照らすライト」が完成しました🌃<br>主人公の移動と連動してライトが動くので、暗い街を進む雰囲気が出たと思います。</p>



<h2 class="wp-block-heading">実装は簡単だが、準備が少々面倒だった</h2>



<p>ライト自体の設定は簡単なのですが、<br>URPの導入や 2D Renderer の設定に少し手こずりました…😇</p>



<ul class="wp-block-list">
<li>URPの新規アセット作成</li>



<li>2D Renderer への切り替え</li>



<li>プロジェクト設定の適用</li>



<li>Sprite Editor のマテリアル設定変更（Lit化）</li>
</ul>



<p>など、事前準備が必要になります。</p>



<p>このあたりの手順は以下の記事で詳しくまとめていますので、<br><span class="marker-under-red">「2Dゲームで夜の雰囲気を出したい」、「ダンジョン探索時の演出をつけたい」</span>等の希望があれば<br>ぜひ実践してみてください！</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">

<a href="https://naiterukaiju.com/%e3%80%90unity2d%e5%85%a5%e9%96%80%e3%80%91%e3%83%97%e3%83%ac%e3%82%a4%e3%83%a4%e3%83%bc%e3%81%ae%e5%91%a8%e3%82%8a%e3%81%a0%e3%81%91%e5%b8%b8%e6%99%82%e5%85%89%e3%82%92%e7%85%a7%e3%82%89%e3%81%99/" title="【Unity2D】プレイヤーの周りだけ常時光を照らす仕組みを作ろう（導入〜実装まで）" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://naiterukaiju.com/wp-content/uploads/cocoon-resources/blog-card-cache/7a87947c35db9a9d0ae700145f1dd6ff.png" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">【Unity2D】プレイヤーの周りだけ常時光を照らす仕組みを作ろう（導入〜実装まで）</div><div class="blogcard-snippet external-blogcard-snippet">今回は、URP（Universal Render Pipeline）の2Dライトを使って、背景全体を暗くしつつ、プレイヤーの周りだけを明るく照らす方法を解説します。導入～実装までそこまで難しくはないのですが、導入方法や光を照らすまでの前提な...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://naiterukaiju.com/%e3%80%90unity2d%e5%85%a5%e9%96%80%e3%80%91%e3%83%97%e3%83%ac%e3%82%a4%e3%83%a4%e3%83%bc%e3%81%ae%e5%91%a8%e3%82%8a%e3%81%a0%e3%81%91%e5%b8%b8%e6%99%82%e5%85%89%e3%82%92%e7%85%a7%e3%82%89%e3%81%99/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">naiterukaiju.com</div></div></div></div></a>
</div>



<p>引き続き2Dゲーム制作の方もぼちぼちと進めていきます🦖<br>それでは！</p>



<p><br><br></p>
]]></content:encoded>
					
					<wfw:commentRss>https://naiterukaiju.com/unity-progress-urp-player-lighting/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://naiterukaiju.com/wp-content/uploads/2025/11/無題のビデオ-‐-Clipchampで作成-10.mp4" length="458694" type="video/mp4" />

			</item>
	</channel>
</rss>
