<?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/%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3/feed/" rel="self" type="application/rss+xml" />
	<link>https://naiterukaiju.com</link>
	<description>Unityでゲームを作る方法を初心者目線で発信👾</description>
	<lastBuildDate>Fri, 01 May 2026 13:02:42 +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>グラデーション | 怪獣の2Dアクションゲーム制作開発記</title>
	<link>https://naiterukaiju.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【ゲーム制作進捗#1】夜空のグラデーション背景を作った！青線トラブルも解決</title>
		<link>https://naiterukaiju.com/%e3%80%90unity%e9%80%b2%e6%8d%97%e3%80%91%e5%a4%9c%e7%a9%ba%e3%81%ae%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e8%83%8c%e6%99%af%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%9f%ef%bc%81/</link>
					<comments>https://naiterukaiju.com/%e3%80%90unity%e9%80%b2%e6%8d%97%e3%80%91%e5%a4%9c%e7%a9%ba%e3%81%ae%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e8%83%8c%e6%99%af%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%9f%ef%bc%81/#respond</comments>
		
		<dc:creator><![CDATA[怪獣]]></dc:creator>
		<pubDate>Sun, 26 Oct 2025 06:02:59 +0000</pubDate>
				<category><![CDATA[夜の街2Dアクションゲーム開発記]]></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>こんにちは！怪獣です🦖</p>



<p>最近は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-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></ol>
    </div>
  </div>

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



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



<p>そこで、<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><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>画像を重ねたとき、<strong>境界に青い線</strong>が表示されるトラブルが発生しました。</p>



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



<p>→「<strong>Clamp</strong>」に変更することで無事解決しました！</p>



<figure class="wp-block-image size-full"><img 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>それではまた次の進捗で👋</p>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://naiterukaiju.com/%e3%80%90unity%e9%80%b2%e6%8d%97%e3%80%91%e5%a4%9c%e7%a9%ba%e3%81%ae%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e8%83%8c%e6%99%af%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%9f%ef%bc%81/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>
