<?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/tag/%E5%A4%9C%E7%A9%BA/feed/" rel="self" type="application/rss+xml" />
	<link>https://naiterukaiju.com</link>
	<description>👾Unityでゲームを作ったり、実装に役立ちそうな情報を記録👾</description>
	<lastBuildDate>Sat, 27 Jun 2026 06:53:43 +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></ol>
    </div>
  </div>

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



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



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading"><span id="toc2">②背景をスクロール対応に</span></h2>



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



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



<h2 class="wp-block-heading"><span id="toc3">③背景スクロールの実装方法は別記事で紹介</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 fetchpriority="high" 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="toc4">④まとめ</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>【ゲーム制作ログ#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 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>
