<?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>個人制作ゲーム開発記 | 怪獣の2Dアクションゲーム制作開発記</title>
	<atom:link href="https://naiterukaiju.com/category/%e5%80%8b%e4%ba%ba%e5%88%b6%e4%bd%9c%e3%82%b2%e3%83%bc%e3%83%a0%e9%96%8b%e7%99%ba%e8%a8%98/feed/" rel="self" type="application/rss+xml" />
	<link>https://naiterukaiju.com</link>
	<description>👾Unityでゲームを作ったり、実装に役立ちそうな情報を記録👾</description>
	<lastBuildDate>Sun, 28 Jun 2026 06:59:50 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://naiterukaiju.com/wp-content/uploads/2026/05/cropped-kaiju-1-32x32.png</url>
	<title>個人制作ゲーム開発記 | 怪獣の2Dアクションゲーム制作開発記</title>
	<link>https://naiterukaiju.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【ゲーム制作ログ#3】夜の街の背景を作って背景をスクロールさせるようにした！</title>
		<link>https://naiterukaiju.com/unity-progress-night-city-background/</link>
					<comments>https://naiterukaiju.com/unity-progress-night-city-background/#respond</comments>
		
		<dc:creator><![CDATA[怪獣]]></dc:creator>
		<pubDate>Sun, 08 Mar 2026 05:34:04 +0000</pubDate>
				<category><![CDATA[個人制作ゲーム開発記]]></category>
		<category><![CDATA[2Dゲーム]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[Unity初心者]]></category>
		<category><![CDATA[アクションゲーム]]></category>
		<category><![CDATA[ゲーム制作]]></category>
		<category><![CDATA[ビル]]></category>
		<category><![CDATA[ビル群]]></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=878</guid>

					<description><![CDATA[こんにちは！夜の街2Dアクションゲームを制作中の怪獣と申します🦖 かなり前回の進捗記事から時間が経ってしまいましたが、、本日は自作ゲームの進捗報告になります。 目次 ①ビル群の背景を作成②背景をスクロールさせる必要があっ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">こんにちは！<br>夜の街2Dアクションゲームを制作中の怪獣と申します🦖<br><br>かなり前回の進捗記事から時間が経ってしまいましたが、、<br>本日は自作ゲームの進捗報告になります。</p>




  <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">③実際に実装したもの</a></li><li><a href="#toc4" tabindex="0">④背景スクロールの実装方法は別記事で紹介</a></li><li><a href="#toc5" tabindex="0">⑤まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">①ビル群の背景を作成</span></h2>



<p class="wp-block-paragraph">今回のゲームは夜の街が舞台なので、ステージの雰囲気作りのためにビル群の背景を作成しました🌃<br>プレイヤーがビルの上を移動していくゲームなので、背景にも街らしさや高さを感じられる見た目を意識しています。<br>また、手前のビル1、奥のビル2でレイヤーを分けて奥行き感を出すようにしています！</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="475" src="https://naiterukaiju.com/wp-content/uploads/2026/03/image-4-1024x475.png" alt="" class="wp-image-1650" srcset="https://naiterukaiju.com/wp-content/uploads/2026/03/image-4-1024x475.png 1024w, https://naiterukaiju.com/wp-content/uploads/2026/03/image-4-300x139.png 300w, https://naiterukaiju.com/wp-content/uploads/2026/03/image-4-768x356.png 768w, https://naiterukaiju.com/wp-content/uploads/2026/03/image-4-1536x713.png 1536w, https://naiterukaiju.com/wp-content/uploads/2026/03/image-4-752x349.png 752w, https://naiterukaiju.com/wp-content/uploads/2026/03/image-4.png 1696w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc2">②背景をスクロールさせる必要があった</span></h2>



<p class="wp-block-paragraph">背景画像をただ置いただけの状態だと背景が置いてきぼりになってしまいます。<br>プレイヤーの歩行に合わせて背景もスクロールする実装を行う必要があります。<br>なので、プレイヤーの歩行に合わせて背景スクロールを行うようにしました🦖</p>



<p class="wp-block-paragraph">これによって、画面に動きが出てステージに広がりを感じやすくなりました。<br>見た目の変化だけでなく、ゲームらしい雰囲気もかなり出てきたと思います！</p>



<h2 class="wp-block-heading"><span id="toc3">③実際に実装したもの</span></h2>



<p class="wp-block-paragraph">手前のビルと奥のビルはスクロールの速度を1.0ずつずらし、<br>遠景ほど遅く、近景ほど速く動かしています。これにより遠近感を出すことが出来ました！</p>



<video
  src="https://naiterukaiju.com/wp-content/uploads/2026/03/ナイトウォーク-Main-Windows-Mac-Linux-Unity-2021.3.6f1-Personal-_DX11_-2026-03-08-14-22-45-Trim.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="toc4">④背景スクロールの実装方法は別記事で紹介</span></h2>



<p class="wp-block-paragraph">背景スクロールの実装方法については別記事でまとめています。<br>コードや設定方法を知りたい方は、こちらの記事をご覧ください！</p>



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

<a href="https://naiterukaiju.com/%e3%80%90unity2d%e3%80%91%e6%ad%a9%e8%a1%8c%e3%81%ab%e5%90%88%e3%82%8f%e3%81%9b%e3%81%a6%e8%83%8c%e6%99%af%e3%82%92%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%95%e3%81%9b%e3%82%88%e3%81%86/" title="【Unity2D】歩行に合わせて背景をスクロールさせてみよう！【初心者向け】" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img decoding="async" width="320" height="180" src="https://naiterukaiju.com/wp-content/uploads/2026/06/Unityで2Dアクションゲームを作ろう！-320x180.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://naiterukaiju.com/wp-content/uploads/2026/06/Unityで2Dアクションゲームを作ろう！-320x180.png 320w, https://naiterukaiju.com/wp-content/uploads/2026/06/Unityで2Dアクションゲームを作ろう！-240x135.png 240w, https://naiterukaiju.com/wp-content/uploads/2026/06/Unityで2Dアクションゲームを作ろう！-640x360.png 640w" sizes="(max-width: 320px) 100vw, 320px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">【Unity2D】歩行に合わせて背景をスクロールさせてみよう！【初心者向け】</div><div class="blogcard-snippet internal-blogcard-snippet">今回は歩行に合わせて背景画像をスクロールさせる方法 を解説します！背景があるだけでよりゲームらしさがグッと増して、世界観が一気に広がりますよね！ただ背景を用意するだけではプレイヤーが移動した際に背景画像が置いてきぼりになってしまうので、歩行...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=https://naiterukaiju.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">naiterukaiju.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2026.06.27</div></div></div></div></a>
</div>



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



<p class="wp-block-paragraph">今回は、ビル群の背景制作と背景スクロールの実装を進めました。<br>背景まわりが整ってきたことで、ゲーム全体の雰囲気もかなり見えてきた気がします！</p>



<p class="wp-block-paragraph">かなりスローペースで進めていますが、<br>いずれリリース出来るように引き続きゲーム制作を進めていこうと思います🫡</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://naiterukaiju.com/unity-progress-night-city-background/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://naiterukaiju.com/wp-content/uploads/2026/03/ナイトウォーク-Main-Windows-Mac-Linux-Unity-2021.3.6f1-Personal-_DX11_-2026-03-08-14-22-45-Trim.mp4" length="12043311" 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[個人制作ゲーム開発記]]></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 class="wp-block-paragraph">こんにちは！<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 class="wp-block-paragraph"><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 class="wp-block-paragraph">これだけで「主人公の周りだけ照らすライト」が完成しました🌃<br>主人公の移動と連動してライトが動くので、暗い街を進む雰囲気が出たと思います。</p>



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



<p class="wp-block-paragraph">ライト自体の設定は簡単なのですが、<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 class="wp-block-paragraph">など、事前準備が必要になります。</p>



<p class="wp-block-paragraph">このあたりの手順は以下の記事で詳しくまとめていますので、<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="320" height="180" /></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 class="wp-block-paragraph">引き続き2Dゲーム制作の方もぼちぼちと進めていきます🦖<br>それでは！</p>



<p class="wp-block-paragraph"><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>
		<item>
		<title>【ゲーム制作ログ#1】夜空のグラデーション背景を作った！青線トラブルも解決</title>
		<link>https://naiterukaiju.com/unity-progress-night-sky-gradient/</link>
					<comments>https://naiterukaiju.com/unity-progress-night-sky-gradient/#respond</comments>
		
		<dc:creator><![CDATA[怪獣]]></dc:creator>
		<pubDate>Sun, 26 Oct 2025 06:02:59 +0000</pubDate>
				<category><![CDATA[個人制作ゲーム開発記]]></category>
		<category><![CDATA[2Dゲーム]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[Unity初心者]]></category>
		<category><![CDATA[アクションゲーム]]></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=325</guid>

					<description><![CDATA[こんにちは！怪獣です🦖 最近はUnityのノウハウ系の記事ばかり書いていて、進捗記事がすっかりご無沙汰になっていました。。今回はゲーム制作の進捗報告です！ 目次 夜空のグラデーション背景を作成した 作業中のトラブル：青い [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">こんにちは！怪獣です🦖</p>



<p class="wp-block-paragraph">最近はUnityのノウハウ系の記事ばかり書いていて、進捗記事がすっかりご無沙汰になっていました。。<br>今回は<strong>ゲーム制作の進捗報告</strong>です！</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-4" checked><label class="toc-title" for="toc-checkbox-4">目次</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">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">夜空のグラデーション背景を作成した</span></h2>



<p class="wp-block-paragraph">本作の舞台は「夜の街」なので、背景も夜空をベースにしています。<br>プレイヤーが<strong>ビルの屋上から屋上へと移動</strong>するため、高低差が大きく、一枚の画像をそのまま使い回すのはあまり現実的ではないと思い。。（※実装方法によっては工夫できるかもしれませんが）。</p>



<p class="wp-block-paragraph">そこで、<strong>複数の夜空画像を組み合わせて、一枚の連続した背景に見えるよう</strong>に作成しました！</p>



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



<p class="wp-block-paragraph"><br>縦長の画像を下に一枚と、その上に長方形の暗い夜空の画像を重ねて一枚ぽく見せてます。<br><span class="fz-14px">（まだよーく見ると境目が少し目立つ）</span></p>



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



<h2 class="wp-block-heading"><span id="toc2"> 作業中のトラブル：青い線が出てしまう！</span></h2>



<p class="wp-block-paragraph">画像を重ねたとき、<strong>境界に青い線</strong>が表示されるトラブルが発生しました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="693" height="223" src="https://naiterukaiju.com/wp-content/uploads/2025/10/スクリーンショット-2025-10-26-135116.png" alt="" class="wp-image-335" srcset="https://naiterukaiju.com/wp-content/uploads/2025/10/スクリーンショット-2025-10-26-135116.png 693w, https://naiterukaiju.com/wp-content/uploads/2025/10/スクリーンショット-2025-10-26-135116-300x97.png 300w" sizes="(max-width: 693px) 100vw, 693px" /></figure>



<p class="wp-block-paragraph">調べてみたところ、原因は<strong>Textureの「Wrap Mode」設定</strong>。<br>初期状態では「Repeat」になっていたため、端のピクセルが繰り返されて線のように見えていたようです。。</p>



<p class="wp-block-paragraph">→「<strong>Clamp</strong>」に変更することで無事解決しました！</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="418" height="865" src="https://naiterukaiju.com/wp-content/uploads/2025/10/スクリーンショット-2025-10-26-145524.png" alt="" class="wp-image-336" srcset="https://naiterukaiju.com/wp-content/uploads/2025/10/スクリーンショット-2025-10-26-145524.png 418w, https://naiterukaiju.com/wp-content/uploads/2025/10/スクリーンショット-2025-10-26-145524-145x300.png 145w" sizes="(max-width: 418px) 100vw, 418px" /></figure>



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



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



<ul class="wp-block-list">
<li>背景は複数の夜空画像を組み合わせて制作した</li>



<li>Wrap Mode を「Clamp」に変更して青線問題を解決</li>
</ul>



<p class="wp-block-paragraph">それではまた次の進捗で👋</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://naiterukaiju.com/unity-progress-night-sky-gradient/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://naiterukaiju.com/wp-content/uploads/2025/10/無題のビデオ-‐-Clipchampで作成-7.mp4" length="13575133" type="video/mp4" />

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