夜の街2Dアクションゲーム開発記 | 怪獣の2Dアクションゲーム制作開発記 https://naiterukaiju.com Unityでゲームを作る方法を初心者目線で発信👾 Fri, 01 May 2026 13:02:52 +0000 ja hourly 1 https://wordpress.org/?v=6.9.4 https://naiterukaiju.com/wp-content/uploads/2025/09/cropped-Enemy-32x32.png 夜の街2Dアクションゲーム開発記 | 怪獣の2Dアクションゲーム制作開発記 https://naiterukaiju.com 32 32 【ゲーム制作進捗#3】夜の街の背景を作って背景をスクロールさせるようにした！ https://naiterukaiju.com/%e3%80%90%e3%82%b2%e3%83%bc%e3%83%a0%e5%88%b6%e4%bd%9c%e9%80%b2%e6%8d%973%e3%80%91%e5%a4%9c%e3%81%ae%e8%a1%97%e3%81%ae%e8%83%8c%e6%99%af%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%a6%e8%83%8c%e6%99%af%e3%82%92/ https://naiterukaiju.com/%e3%80%90%e3%82%b2%e3%83%bc%e3%83%a0%e5%88%b6%e4%bd%9c%e9%80%b2%e6%8d%973%e3%80%91%e5%a4%9c%e3%81%ae%e8%a1%97%e3%81%ae%e8%83%8c%e6%99%af%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%a6%e8%83%8c%e6%99%af%e3%82%92/#respond Sun, 08 Mar 2026 05:34:04 +0000 https://naiterukaiju.com/?p=878 こんにちは！
夜の街2Dアクションゲームを制作中の怪獣と申します🦖

かなり前回の進捗記事から時間が経ってしまいましたが、、
本日は自作ゲームの進捗報告になります。

①ビル群の背景を作成

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

②背景をスクロール対応に

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

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

③背景スクロールの実装方法は別記事で紹介

背景スクロールの実装方法については別記事でまとめています。
コードや設定方法を知りたい方は、こちらの記事をご覧ください！

【Unity入門⑮】歩行に合わせて背景をスクロールさせよう！
前回の記事では、ゴールに触れたらゲームクリアUIを表示させる方法を解説しました。今回は歩行に合わせて背景画像をスクロールさせる方法 を解説します！背景があるだけでよりゲームらしさがグッと増して、世界観が一気に広がりますよね！ただ背景を用意す...
naiterukaiju.com
2026.02.17

④まとめ

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

かなりスローペースで進めていますが、
いずれリリース出来るように引き続きゲーム制作を進めていこうと思います🫡

]]> https://naiterukaiju.com/%e3%80%90%e3%82%b2%e3%83%bc%e3%83%a0%e5%88%b6%e4%bd%9c%e9%80%b2%e6%8d%973%e3%80%91%e5%a4%9c%e3%81%ae%e8%a1%97%e3%81%ae%e8%83%8c%e6%99%af%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%a6%e8%83%8c%e6%99%af%e3%82%92/feed/ 0 【ゲーム制作進捗#2】プレイヤーの周りだけ光を照らす演出を作って夜の雰囲気を出した！ https://naiterukaiju.com/%e3%80%90unity%e9%80%b2%e6%8d%972%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%85%89%e3%82%92%e7%85%a7%e3%82%89%e3%81%99%e6%bc%94%e5%87%ba/ https://naiterukaiju.com/%e3%80%90unity%e9%80%b2%e6%8d%972%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%85%89%e3%82%92%e7%85%a7%e3%82%89%e3%81%99%e6%bc%94%e5%87%ba/#respond Sat, 29 Nov 2025 14:08:03 +0000 https://naiterukaiju.com/?p=445 こんにちは！
夜の街2Dアクションゲームを制作中の怪獣と申します🦖
本日は自作ゲームの進捗報告になります。

プレイヤーの周りだけを照らすライト演出を実装！


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

  1. プロジェクトを URP 2D 用に設定
  2. 環境全体用の暗めのLightを作成
  3. プレイヤーの子オブジェクトとして Spot Light 2D を追加
  4. 光量・半径・カラーを調整

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

実装は簡単だが、準備が少々面倒だった

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

  • URPの新規アセット作成
  • 2D Renderer への切り替え
  • プロジェクト設定の適用
  • Sprite Editor のマテリアル設定変更（Lit化）

など、事前準備が必要になります。

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

【Unity2D】プレイヤーの周りだけ常時光を照らす仕組みを作ろう（導入〜実装まで）
今回は、URP（Universal Render Pipeline）の2Dライトを使って、背景全体を暗くしつつ、プレイヤーの周りだけを明るく照らす方法を解説します。導入～実装までそこまで難しくはないのですが、導入方法や光を照らすまでの前提な...
naiterukaiju.com
2025.12.28

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



]]> https://naiterukaiju.com/%e3%80%90unity%e9%80%b2%e6%8d%972%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%85%89%e3%82%92%e7%85%a7%e3%82%89%e3%81%99%e6%bc%94%e5%87%ba/feed/ 0 【ゲーム制作進捗#1】夜空のグラデーション背景を作った！青線トラブルも解決 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/ 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 Sun, 26 Oct 2025 06:02:59 +0000 https://naiterukaiju.com/?p=325 こんにちは！怪獣です🦖

最近はUnityのノウハウ系の記事ばかり書いていて、進捗記事がすっかりご無沙汰になっていました。。
今回はゲーム制作の進捗報告です！

夜空のグラデーション背景を作成した

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

そこで、複数の夜空画像を組み合わせて、一枚の連続した背景に見えるように作成しました！


縦長の画像を下に一枚と、その上に長方形の暗い夜空の画像を重ねて一枚ぽく見せてます。
（まだよーく見ると境目が少し目立つ）

作業中のトラブル：青い線が出てしまう！

画像を重ねたとき、境界に青い線が表示されるトラブルが発生しました。

調べてみたところ、原因はTextureの「Wrap Mode」設定。
初期状態では「Repeat」になっていたため、端のピクセルが繰り返されて線のように見えていたようです。。

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

まとめ

  • 背景は複数の夜空画像を組み合わせて制作した
  • Wrap Mode を「Clamp」に変更して青線問題を解決

それではまた次の進捗で👋

]]> 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/ 0