今回は歩行に合わせて背景画像をスクロールさせる方法 を解説します！

背景があるだけでよりゲームらしさがグッと増して、世界観が一気に広がりますよね！
ただ背景を用意するだけではプレイヤーが移動した際に背景画像が置いてきぼりになってしまうので、
歩行に合わせて背景をスクロールさせるようにします！

この記事でやること

✅ 背景オブジェクトを作る
✅ 背景スクロール用スクリプトを作る
✅ プレイヤーの動きに合わせて背景を動かす

① 背景オブジェクトを作成する

まずは背景画像をHierarchy上に配置していきます！

⇩背景画像はこちらを使用しています

Free 2D Cartoon Parallax Background | 2D Environments | Unity Asset Store

Elevate your workflow with the Free 2D Cartoon Parallax Background asset from CPasteGame. Find this & more Environments …

assetstore.unity.com

背景画像を配置する

１．ダウンロードしてきた背景画像をHierarchyにドラッグする

２．各背景の名前を変更します

（ここではSky、Cloud、Mountainにします。）

Sorting Layer を追加する

2Dゲームでは、
画像の表示の前後関係は Sorting Layer で管理します。

■ Sorting Layer を作る手順

1. 背景オブジェクトを選択
2. Inspector → SpriteRenderer
3. Sorting Layer → Add Sorting Layer…

すると以下画面が開きます。
＋ボタンクリックし、新しいレイヤー名BG（background）を追加します。
追加したレイヤーを一番上に持ってきて、Layer0になるようにします。

レイヤーは上にあるほど「奥」の扱いになります。
今回は背景画像なので、一番奥に設定します！

追加したら、それぞれの背景オブジェクト全てに（Sky、Cloud、Mountain、Mountain2）のSorting LayerにBGを設定します。

Sorting Layer ：BG

レイヤーの描画順番を設定する

このままだと背景の描画順が同じレベルになっており、全て表示が出来ていないので、
お絵描きソフトのレイヤー機能のように、画像の描画順番を設定します！

以下のように設定します。
■レイヤー順
①山
　∟②山２
　　∟③雲
　　　∟④空
①←　レイヤーが手前　レイヤーが奥→④

• Sky
  • Order in Layer：-4
• Cloud
  • Order in Layer：-3
• Mountain
  • Order in Layer：-2
• Mountain2
  • Order in Layer：-1

背景の位置を調整する

Inspector の Transform を以下のように調整します。

• Position：(0, 0, 0)（まずは0でOK）
• Scale：必要に応じて調整（背景が画面に合うように）

②背景の子オブジェクトを作成（左側用・右側用）

①で背景を作成した状態のままだと、画像の端っこに移動した際に背景が足りなくて見切れてしまうため、更に拡大していきます。
ここで、①で作った親の背景オブジェクトに対して、子オブジェクトを作成します。
背景オブジェクトの下に 左右の背景 を子として持たせておくことで、後で「無限スクロール」に拡張しやすくなります。

Left / Right に背景画像を複製する

①で作成した背景を親オブジェクトとし、親に対して子オブジェクトを複製します。

■Skyオブジェクトの作成例

1. いまシーン上にあるSkyオブジェクトをコピペして、
   Skyオブジェクト配下に子として２つ複製する
2. 片方を Left、もう片方を Right と命名
3. Left
   • Postion：40に変更（※各自の画像サイズに要調整）
4. Right
   • Postion：40に変更（※各自の画像サイズに要調整）

こうすることで、 左右に背景が拡張されます！
また、親オブジェクトからコピペして貼り付けることで、①で設定したSorting Layer 、Order in Layerの設定を引き継いだ状態にすることができます✨

■Leftの設定

■Rightの設定

■設定後のScene画面↓

同じように、Sky、Cloud、Mountain、Mountain2も子として複製します！

③背景スクロール用スクリプトを作成

1. Projectビューで右クリック
2. Create → C# Script
3. 名前を BackgroundScroller.csにします

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class BackgroundScroller : MonoBehaviour
{
    // Range：最小値と最大値を決めれる
    [SerializeField, Header("視差効果"), Range(0, 1)]
    private float _parallaxEffect;

    private GameObject _camera;
    private float _length;
    private float _startPosX;

    // Start is called before the first frame update
    void Start()
    {
        _startPosX = transform.position.x;
        // 画像の横幅のサイズを取得
        _length = GetComponent<SpriteRenderer>().bounds.size.x;
        _camera = Camera.main.gameObject;

    }

    // Unity上のメソッド
    // 設定した一定時間で実行されるメソッド
    private void FixedUpdate()
    {
        _Parallax();
    }

    private void _Parallax()
    {
        // カメラとの距離を代入
        float temp = _camera.transform.position.x * (1 - _parallaxEffect);
        float dist = _camera.transform.position.x * _parallaxEffect;

        transform.position = new Vector3(_startPosX + dist, transform.position.y, transform.position.z);

        // カメラとの距離が画像の横幅分離れたら位置をカメラの座標に移動させることで
        // 画像が途切れずにループしているように見える
        if (temp > _startPosX + _length)
        {
            _startPosX += _length;
        }
        else if (temp < _startPosX - _length)
        {
            _startPosX -= _length;
        }
    }
}

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class BackgroundScroller : MonoBehaviour
{
    // Range：最小値と最大値を決めれる
    [SerializeField, Header("視差効果"), Range(0, 1)]
    private float _parallaxEffect;

    private GameObject _camera;
    private float _length;
    private float _startPosX;

    // Start is called before the first frame update
    void Start()
    {
        _startPosX = transform.position.x;
        // 画像の横幅のサイズを取得
        _length = GetComponent<SpriteRenderer>().bounds.size.x;
        _camera = Camera.main.gameObject;

    }

    // Unity上のメソッド
    // 設定した一定時間で実行されるメソッド
    private void FixedUpdate()
    {
        _Parallax();
    }

    private void _Parallax()
    {
        // カメラとの距離を代入
        float temp = _camera.transform.position.x * (1 - _parallaxEffect);
        float dist = _camera.transform.position.x * _parallaxEffect;

        transform.position = new Vector3(_startPosX + dist, transform.position.y, transform.position.z);

        // カメラとの距離が画像の横幅分離れたら位置をカメラの座標に移動させることで
        // 画像が途切れずにループしているように見える
        if (temp > _startPosX + _length)
        {
            _startPosX += _length;
        }
        else if (temp < _startPosX - _length)
        {
            _startPosX -= _length;
        }
    }
}

各処理の説明：なにをしている？

[SerializeField, Header("視差効果"), Range(0, 1)]
private float _parallaxEffect;

[SerializeField, Header("視差効果"), Range(0, 1)]
private float _parallaxEffect;

• SerializeField：Unity上のInspectorで数値をいじれるようにします
• Header：Inspector上に見出しを出す
• Range(0,1)：スライダーで 0〜1 の範囲で調整できるようにする

✅ これにより「背景がどれくらいカメラについてくるか（視差）」をスライダーで調整できます。

Start() で初期値を準備

_startPosX = transform.position.x;
_length = GetComponent<SpriteRenderer>().bounds.size.x;
_camera = Camera.main.gameObject;

_startPosX = transform.position.x;
_length = GetComponent<SpriteRenderer>().bounds.size.x;
_camera = Camera.main.gameObject;

_startPosX

背景の「基準となる開始位置X」です。
あとでループ処理で、この基準を 横幅分ずらすのに使います。

_length

SpriteRenderer.bounds.size.x で 背景画像の“ワールド上の横幅” を取得します。

重要：ここで取っているのは「ピクセル数」ではなく
Unity空間（ワールド座標）の幅です。
（Pixels Per Unit の設定により値は変わります）

_camera

Camera.main は「MainCameraタグが付いたカメラ」を取ってきます。
背景は カメラの位置を基準に動くので参照が必要です。

FixedUpdate() で一定間隔で実行

private void FixedUpdate()
{
    _Parallax();
}

private void FixedUpdate()
{
    _Parallax();
}

FixedUpdate は 一定時間ごとに呼ばれる更新関数です。
（主に物理計算のタイミング）

このコードでは背景移動を FixedUpdate に載せています。

背景は物理ではないので、一般的には LateUpdate でもOKです。
ただ「カメラがRigidbodyで動く」などの場合は FixedUpdate 運用もアリです。

_Parallax() が本体（視差＋ループ）

カメラ位置から2つの値を作る

float temp = _camera.transform.position.x * (1 - _parallaxEffect);
float dist = _camera.transform.position.x * _parallaxEffect;

float temp = _camera.transform.position.x * (1 - _parallaxEffect);
float dist = _camera.transform.position.x * _parallaxEffect;

ここが最重要です。

• dist：背景を動かす量（視差ぶん）
• temp：ループ判定に使う量

_parallaxEffect が 0.3 なら、

• dist = カメラX * 0.3（背景はカメラの30%だけ動く）
• temp = カメラX * 0.7（残り側の値）

という形になります。

背景を実際に動かす

transform.position = new Vector3(_startPosX + dist, transform.position.y, transform.position.z);

transform.position = new Vector3(_startPosX + dist, transform.position.y, transform.position.z);

背景のX座標を

• 開始位置 _startPosX
• 視差分 dist

で決めています。

つまり、

✅ カメラが右に動く
✅ 背景も右に動くけど、_parallaxEffect が小さいほどゆっくり
→ 「奥行きがある」ように見える

画像が途切れない“無限ループ”判定

if (temp > _startPosX + _length)
{
    _startPosX += _length;
}
else if (temp < _startPosX - _length)
{
    _startPosX -= _length;
}

if (temp > _startPosX + _length)
{
    _startPosX += _length;
}
else if (temp < _startPosX - _length)
{
    _startPosX -= _length;
}

ここは「背景がカメラから一定距離離れたら、基準位置を横幅分ずらす」処理です。

• カメラが進み続けると、背景はいつか端が見えてしまう
• そこで、背景の“基準位置” _startPosX を 横幅 _length 分だけ移動
• 結果、背景が途切れずループしているように見えます

この「基準位置をずらす」方式は、見た目が自然で便利です。

④ Unity上で設定する

「Sky、Cloud、Mountain、Mountain2」 をまとめて選択し、Add Componentをクリックし③で作成したBackgroundScroller.csを適用します。

動作確認

▶でゲームを実行する。

背景が歩行に合わせて少しずつ移動しているのが分かりますね‼️

自作のゲームでも実装しています

実際に自作の制作中のゲームでも、この背景スクロール方法を導入しています。
背景をゆっくり動かすことで、プレイヤーの移動に奥行きが生まれ、夜の街を移動している雰囲気がかなり出ました🌃
また、単純に背景を動かすだけでなく、ビルごとにスクロール速度を変えて遠近感も演出しています。

【ゲーム制作ログ#3】夜の街の背景を作って背景をスクロールさせるようにした！

こんにちは！夜の街2Dアクションゲームを制作中の怪獣と申します🦖かなり前回の進捗記事から時間が経ってしまいましたが、、本日は自作ゲームの進捗報告になります。①ビル群の背景を作成今回のゲームは夜の街が舞台なので、ステージの雰囲気作りのためにビ...

naiterukaiju.com

2026.03.08

まとめ

最後まで読んでいただきありがとうございました！

この記事が少しでもゲーム制作のお役に立てたらうれしいです🦖

今回やったこと：

✔ 背景オブジェクト作成
✔ スクリプト作成
✔ プレイヤーの動きに合わせてスクロール

これだけでゲームの完成度が一気に上がりますね！
背景を作るとゲーム制作のモチベーションもグッと向上すると思うので、
ぜひ実装してみてくださいね🦖

こんにちは！Unityで2dゲームを制作中の怪獣です🦖

Unityでゲームを作っていると、ジャンプなどのアクションを起こした際に
効果音を鳴らしたくなることがありますよね🤔

この記事では、

• 効果音の鳴らせるようになりたい！
• 効果音ってどうやったら慣らせるの？
• PlayOneShotってどう使うの？
• Prefab方式との違いは？
• どの方法を使えばいいの？

などの方に向けた記事となっています！

Unity2Dで効果音（SE）を鳴らし方はPlayOneShot（音を鳴らす関数）を使う方法が一般的かと思います。
この記事ではPlayOneShotでの使い方を解説しつつ、後半ではPrefab化（音を鳴らす専用オブジェクトを生成するテンプレート）を行った鳴らし方との違いも紹介します！

実際に自分が制作中の2DアクションゲームではPrefab化を行ってSEを鳴らしています。
どちらでの方法でもSEを鳴らすことは可能ですが、小規模なゲームならPlayOneShotだけでもOKです◎

この記事で出来ること

• PlayOneShot で基本的な効果音の鳴らし方が分かる
• 音が鳴らないときの確認ポイントも解説
• Prefab方式との違いも後半で解説あり
• どの方法を選べばいいかが分かる
  （動画では、「ジャンプ」、「ダメージ」音を実装しています）

通常のSEはPlayOneShotがおすすめ

まず結論として、通常のSE（ジャンプ音、ダメージ音、ボタン音など）なら PlayOneShot が最もシンプルでおすすめです！

理由は次の通りで、一番シンプルで扱いやすいからです。

• 実装がシンプル
• 1回だけ鳴らす処理に向いている
• 同じ AudioSource で複数の効果音を扱いやすい
• 初心者でも詰まりにくい

事前準備

まずは、効果音ファイル（.wavや.mp3）を用意しておきます。
→ Assets/Audio/ フォルダなどに保存する。（当記事では、ジャンプ、ダメージ効果音を用意）

① AudioSourceを追加する

PlayOneShot を使った実装を行っていきます！
まずはAudioSourceコンポーネントを追加します！
手順は以下の通りです↓

１．Hierarchyでプレイヤーオブジェクトを選択する。
２．Inspector の Add Component をクリック

３．AudioSource を追加する

勝手にSEが再生されないように、まずはこの2つを設定値をOFFにしておくのがおすすめです！

• Play On Awake：OFF
• Loop：OFF

② PlayOneShotで効果音を鳴らす基本コード（全文）

using UnityEngine;

public class PlayerSE : MonoBehaviour
{
    [SerializeField] private AudioSource _audioSource;
    [SerializeField] private AudioClip _jumpSE;

    public void PlayJumpSE()
    {
        _audioSource.PlayOneShot(_jumpSE);
    }
}

using UnityEngine;

public class PlayerSE : MonoBehaviour
{
    [SerializeField] private AudioSource _audioSource;
    [SerializeField] private AudioClip _jumpSE;

    public void PlayJumpSE()
    {
        _audioSource.PlayOneShot(_jumpSE);
    }
}

何をしているか1行ずつ解説すると・・

[SerializeField] private AudioSource _audioSource;

[SerializeField] private AudioSource _audioSource;

Inspector で AudioSource を設定するための変数です。

[SerializeField] private AudioClip _jumpSE;

[SerializeField] private AudioClip _jumpSE;

再生したい音声ファイルを入れておく変数です。

_audioSource.PlayOneShot(_jumpSE);

_audioSource.PlayOneShot(_jumpSE);

指定した AudioClip を1回だけ再生しています。
SEのように「必要な瞬間だけ鳴らしたい音」と相性がいいです🙆

③ AudioSource、音声ファイルをアタッチする

このままだと音声ファイルとプログラム上が紐づいていないので、アタッチしていきます！

１．AudioSourceを追加済みのプレイヤーオブジェクトを選択する
２．Inspectorの _audioSource 欄にAudioSourceコンポーネントをドラッグする

３．ソース上で定義した「JumpSE」、に、音声ファイルをそれぞれドラッグします（※ダメージSEにもドラッグしていますが、ジャンプだけでOKです）

ジャンプ処理などの特定のアクション直後に組み込む例

if (_bJump)
{
    _rigid.AddForce(Vector2.up * _jumpPower, ForceMode2D.Impulse);
    _audioSource.PlayOneShot(_jumpSE);
}

if (_bJump)
{
    _rigid.AddForce(Vector2.up * _jumpPower, ForceMode2D.Impulse);
    _audioSource.PlayOneShot(_jumpSE);
}

例えば、ジャンプさせた直後に効果音を鳴らしたい場合は、
ジャンプ処理の直後に書くことでジャンプしたタイミングで音を鳴らせます！

よくあるエラー・つまずきポイント

効果音が上手くならない・・・
そんな時は、以下あたりを確認してみてください！

音が鳴らない

AudioSource の音量がVolume が 0、Mute になっていないか確認してみてください。

NullReferenceException が出る

• _audioSource
• _jumpSE

このどちらかが Inspector で設定されていない可能性があります。
③の手順が適用されているか確認してみてください。

音が重ならない・変になる

Play() で AudioClip を再生する方法もありますが、SE用途では Play() より PlayOneShot() の方が扱いやすいです。（Play()はBGMやループ再生向きとなっているため）

④ Prefab方式での作り方（任意）

Prefabとは？

Prefab方式は、一度作成したオブジェクトをテンプレートとして保存させておく方式です。
今回でいうと、音を鳴らす専用オブジェクトを生成して再生させておくテンプレートです。
Prefab化すると一括管理ができるので、一つのテンプレートだけ修正すればシーン上に配置したすべてのインスタンスに一括反映させることができます！

たとえば、

• エフェクトと一緒に音を出したい
• 再生位置も含めて管理したい
• オブジェクト単位でまとめたい

という、SE以外のイベントと合わせて同時に行いたい場合や、オブジェクト単位でまとめておきたい場合にはPrefab化しておくのがおススメです！

Prefab方式での作り方手順

• まずは通常の方法と同様に、効果音ファイル（.wavや.mp3）を用意します
  → Assets/Audio/ フォルダなどに保存する

• 効果音用の空のGameObject（Create Empty）を作成する（名前はSEなど）

• SEオブジェクトに対して以下を設定します
  • Add Component > AudioSource を追加
  • AudioClip に音声ファイルをドラッグして設定する
  • Play On Awake：ON（自動再生）
  • Loop：OFF

• このオブジェクトをPrefab化する
  • Assets/Prefabs/SEフォルダを作成しておく
  • Hierarchyから、SEオブジェクトを上記フォルダへドラッグする（青い箱状のものが出てきたらＯＫ！）

ここまで出来たらPrefab化は成功です！
Prefab化されたので、元のHierarchy上のオブジェクトは不要なので削除してＯＫです。

Prefab化した効果音を呼び出す処理を書く

Prefab化したものは、以下の一行で使用することができます！

[SerializeField] private GameObject _sePrefab;

public void PlaySE()
{
    Instantiate(_sePrefab, transform.position, Quaternion.identity);
}

[SerializeField] private GameObject _sePrefab;

public void PlaySE()
{
    Instantiate(_sePrefab, transform.position, Quaternion.identity);
}

Instantiate() はオブジェクトを「複製して生成する」関数です。
この1行で、「_sePrefabをプレイヤーの位置に生成」します。
AudioSource付きのオブジェクトにしているので、生成＝音が鳴る、ということになります💡

Prefab化したものを紐づける

Unity上の設定からPrefab化したSEを_sePrefabにドラッグします。

効果音プレハブを自動で削除させる

音が鳴り終わった後もオブジェクトが残ってしまうと、ヒエラルキー上がSEだらけになってしまいます。
音が鳴り終わったら、自動的にDestroyされるようにしておくのがベストです。
以下のようなスクリプトをつけましょう⬇️

using UnityEngine;

public class SE : MonoBehaviour
{
    private AudioSource _audioSource;

    void Start()
    {
        _audioSource = GetComponent<AudioSource>();
        Destroy(gameObject, _audioSource.clip.length);
    }
}

using UnityEngine;

public class SE : MonoBehaviour
{
    private AudioSource _audioSource;

    void Start()
    {
        _audioSource = GetComponent<AudioSource>();
        Destroy(gameObject, _audioSource.clip.length);
    }
}

このスクリプトを効果音プレハブ（SE）に追加することで、
音が終わると自動的に消えるようになります！

PlayOneShotとPrefab方式の違い

PlayOneShotで実装する方法とPrefab方式で実装する方法は、向いている用途が異なります。

どっちを使うべき？

まずは動かせるようにしたい場合はPlayOneShotがおススメです！

• まずは簡単に実装したい
• 通常のSEを鳴らしたい
• 初心者向けにわかりやすく作りたい

他のイベントとセットで扱いたいなど、機能を拡張したい場合はPrefab方式がおススメです！

• エフェクトとセットで扱いたい
• 位置情報込みで管理したい
• 演出を強くしたい

制作中のゲームで作った例

実際に自分が制作中の2DアクションゲームではPrefab化を行ってSEを鳴らしています。
最初のうちはPlayOneShotだけでも十分ですが、ゲームの規模が大きくなってきたらPrefab化も検討すると管理しやすくなるかと思います✨

まとめ

最後まで読んでいただきありがとうございました！

Unityで効果音を鳴らすなら、まずは PlayOneShot を使うのがおすすめです。

特に、ジャンプ音・ダメージ音・ボタン音のような一般的なSEなら、
AudioSourceを追加して PlayOneShot で鳴らす方法がシンプルで扱いやすいです🦖

一方で、爆発演出やヒットエフェクトのように、演出と一緒に管理したい場合は Prefab方式も選択肢になりますね🤔

まずは PlayOneShot を基準に覚えて、必要になったら Prefab方式を使い分けるのいいかもしれません！

【Unity2D】歩行アニメーションの作り方｜Animatorで「待機⇔歩く」を切り替えよう

こんにちは！夜の街2Dアクションゲームを制作中の怪獣です🦖今回は 2Dキャラの「歩行」時のアニメーションを を Unity で作る方法を解説します！手順としては、待機、歩行用の画像を用意するAnimation Clip（歩くアニメ）を作成す...

naiterukaiju.com

【Unity2D】敵に触れたらダメージを受ける仕組みの作り方｜（コード全文・解説付き）

Unity2Dでアクションゲームを作っていると、敵に触れたらHPを減らしたいダメージ処理を入れたいと思うことがありますよね。この記事では、敵に触れたらプレイヤーがダメージを受ける仕組みの作り方を、初心者向けにわかりやすく解説します！今回は ...

naiterukaiju.com

こんにちは！夜の街2Dアクションゲームを制作中の怪獣です🦖

Unityでゲーム制作を続けていると、
「HPを数値だけで管理すると、プレイヤーにとって分かりづらい…」
「体力UIを表示させるようにしたい」
て感じることってあるかと思います。

そんなときは、視覚的に分かる体力UIを作るのがおススメです。
体力UIには「HPバー」、「ハートアイコン」など色々な表現方法があるかと思いますが、
今回は特に素材も用意せずお手軽に実装できる、
「減っていくHPバー（体力ゲージ） 」の作り方を解説します🦖

具体的には、以下の動画の左の上のバーのようなイメージです。

↑敵に触れて徐々にゲージが減っていってるのが分かりますね

この記事では、
UnityのImageコンポーネントの「Fill」機能を使って
HPバーを作る簡単な方法 を解説します！

⬇️こちらは、ダメージ処理を判定させる方法に特化した記事です

【Unity2D】敵に触れたらダメージを受ける仕組みの作り方｜（コード全文・解説付き）

Unity2Dでアクションゲームを作っていると、敵に触れたらHPを減らしたいダメージ処理を入れたいと思うことがありますよね。この記事では、敵に触れたらプレイヤーがダメージを受ける仕組みの作り方を、初心者向けにわかりやすく解説します！今回は ...

naiterukaiju.com

この記事でできること

• 画面にHPバーを表示できるようになる
• ダメージを受けるとHPバーが減るようになる
• Image.fillAmount を使ったUI制御が理解できる

① HPバーUIを作る

① Canvasを作成

まずはUIの土台となるCanvasを作ります。

Canvas（キャンバス）とは、一言でいうと
Unityで「UIを表示するための土台（画面）」です。

テキスト、ボタン、パネルなどの UI要素は、必ず Canvas の子オブジェクトとして配置されます。

Hierarchy → 右クリック → UI > Canvas で作成します。

② HPの枠部分のバーを作る

背景バーのベースとなる枠部分を追加します！

①で作ったCanvasを選択 → 右クリック → UI → Imageを追加します

追加したImageを選択し、以下を変更します。

• 名前：HPBar_Backに変更
• 色：黒やグレーに変更する
• サイズ：横長（例：300×30ぐらい）

③ ゲージ部分を作る（赤のバー）

②で作った背景バーに対して、子オブジェクトとしてゲージ部分を作ります！
この③で作る部分はゲージのHPが減る見た目の赤い部分を指しています。

②で作ったHPBar_Backを選択→ 右クリック → UI → Imageを追加します

親子関係にするのがポイントです💡

追加したImageを選択し、以下を変更します。

• 名前：「HPBar_Fill」に変更する
• Inspector >Image > Source Imageを適当なスプライトに設定する（Squareなど）
• Color：赤など
• Image Type：Filledに変更（画像を少しずつ消したり、伸ばしたりできる機能にする）
• Fill Method：Horizontalに変更（横に左→右（または右→左）にゲージが減るようになる）
• Fill Origin：Leftに変更（左から減る）

➡️これで「左から減るHPバー」仕組みになります！

• 背景（Back）：HPの枠
• 前面（Fill）：実際に減る部分

こうして分けることで、見た目調整がしやすくなります！

② HPを減少させるソースコード

今回はHPバーUIの動きを確認しやすいように、Spaceキーを押すとHPが減るサンプルで解説します。ダメージを受ける処理の代わりに、Spaceキーを押すたびにゲージが減少していくことが確認できます。

using UnityEngine;
using UnityEngine.UI;

public class Player : MonoBehaviour
{
    [SerializeField, Header("最大HP")]
    private int _maxHP = 5;

    [SerializeField, Header("HPバーのImage")]
    private Image _hpBarFill;

    private int _currentHP;

    private void Start()
    {
        _currentHP = _maxHP;
        _UpdateHPBar();
    }

    void Update()
    {
        // Spaceキーを押したらHPを1減らす
        if (UnityEngine.Input.GetKeyDown(KeyCode.Space))
        {
            _currentHP--;
            _currentHP = Mathf.Clamp(_currentHP, 0, _maxHP);
            _UpdateHPBar();
        }
    }
    
    private void _UpdateHPBar()
    {
        if (_hpBarFill == null) return;

        _hpBarFill.fillAmount = (float)_currentHP / _maxHP;
    }
}

using UnityEngine;
using UnityEngine.UI;

public class Player : MonoBehaviour
{
    [SerializeField, Header("最大HP")]
    private int _maxHP = 5;

    [SerializeField, Header("HPバーのImage")]
    private Image _hpBarFill;

    private int _currentHP;

    private void Start()
    {
        _currentHP = _maxHP;
        _UpdateHPBar();
    }

    void Update()
    {
        // Spaceキーを押したらHPを1減らす
        if (UnityEngine.Input.GetKeyDown(KeyCode.Space))
        {
            _currentHP--;
            _currentHP = Mathf.Clamp(_currentHP, 0, _maxHP);
            _UpdateHPBar();
        }
    }
    
    private void _UpdateHPBar()
    {
        if (_hpBarFill == null) return;

        _hpBarFill.fillAmount = (float)_currentHP / _maxHP;
    }
}

③ コードを1行ずつ解説

HPを管理する変数

[SerializeField] private int _maxHP = 5;
private int _currentHP;

[SerializeField] private int _maxHP = 5;
private int _currentHP;

_maxHP は最大HPです。
_currentHP は現在のHPです。

SerializeField を付けているので、Inspector から数値を調整することもできます。

StartでHPを初期化する

private void Start()
{
    _currentHP = _maxHP;
}

private void Start()
{
    _currentHP = _maxHP;
}

ゲーム開始時に、現在HPを最大HPと同じ値にしています。
これを入れておくことで、最初から満タンの状態でスタートできます！

HPバー更新処理

    private void _UpdateHPBar()
    {
        if (_hpBarFill == null) return;

        _hpBarFill.fillAmount = (float)_currentHP / _maxHP;
    }

    private void _UpdateHPBar()
    {
        if (_hpBarFill == null) return;

        _hpBarFill.fillAmount = (float)_currentHP / _maxHP;
    }

ここで「見た目（UI）」を更新しています。
_hpBarFill.fillAmountは赤いゲージ部分の長さとなる部分です。
現在HPからMAXHPを割って今の体力の割合を求め、_hpBarFill（赤いゲージ部分のImage）にセットしています。
こうすることで、バーの長さを少しずつ削って体力が変動するように見せています！

④ プレイヤー側にバーをセットする

Playerオブジェクトを選択し、Inspectorの「HP Bar Fill」に対して、作ったHPBar_Fillをドラッグ＆ドロップします！

これを忘れると動かないので注意です！

❌よくあるエラー

上手く動作しない場合は、以下が設定されているか見直してみてください！

HPバーが減らない

原因：

• Image Typeが「Simple」になっている
  ➡️ 必ず「Filled」にする

NullReferenceExceptionが出る

原因：

• _hpBarFillの設定忘れの可能性大
  ➡️ ④の手順通り、Inspectorの「HP Bar Fill」に対して、作ったHPBar_Fillをドラッグ＆ドロップする

制作中のゲームで作った例

実際に制作中の夜の街アクションゲームでも、最初はこのHPバー方式で実装していました。

しかし、最大HPは5個と決めていたのでバーよりもハートアイコンの方が残り体力を直感的に把握しやすいのでは？と思い、現在はハートアイコンを5個並べ、ダメージを受けるたびにハートを減らす方式を採用しています。

一方で、最大HPが100など大きいゲームではハート方式だと管理しづらくなるため、その場合は今回紹介したHPバー方式の方が適していると思います。
なので、ゲームの仕様に合わせて使い分けるのがおすすめです👾

ハート型ライフUIの作り方は、いつかまた別の記事でまとめようと思います。（いつになるか。。）

まとめ

最後まで読んでいただきありがとうございました！

今回は、ImageのFill機能を使ったHPバー（体力UI）の作り方を解説しました！

動作確認はSpaceキーで行いましたが、実際のゲームでは敵に触れたときにHPを減らす形にしています。
敵に触れたらダメージを受ける処理の仕組みは、こちらの記事で詳しく解説しているので、
合わせて実装すると「敵に触れる」→「ダメージを受ける」→「HPを減らす」という風になり、一気にゲームらしくなります👾

【Unity2D】敵に触れたらダメージを受ける仕組みの作り方｜（コード全文・解説付き）

Unity2Dでアクションゲームを作っていると、敵に触れたらHPを減らしたいダメージ処理を入れたいと思うことがありますよね。この記事では、敵に触れたらプレイヤーがダメージを受ける仕組みの作り方を、初心者向けにわかりやすく解説します！今回は ...

naiterukaiju.com

Unityで2Dアクションゲームを作っていくと、

• 敵に触れたらHPを減らしたい
• ダメージ処理を入れたい

のような機能を追加したくなってきますよね🤔

この記事では、
「敵に触れたらプレイヤーがダメージを受ける仕組みの作り方」
を、初心者向けにわかりやすく解説します！

今回は OnCollisionEnter2D（2Dの当たり判定時に使用される共通メソッド） を使って、
敵との接触を判定 → HPを減らす → （必要なら）ゲームオーバーにつなげる
という流れを作っていきます。

今回の仕組みを一度作れば、
「HPが0になったときにゲームオーバーの演出をさせる」
「ゲームオーバー後、リトライさせる」
といった実装も容易に出来るようになります！

こんな感じで、敵に触れたらHPを減らしてCosoleタブで確認できるようにします。
実際のゲームでは、体力UIなどで視覚的にわかるようにすることが一般的ですが、
当記事はダメージを受ける仕組みの作り方を中心にまとめております📝
（体力UIの作り方は別記事でまとめているため、合わせて実装するとより本格的な仕上がりになります）

この記事でできること

• 敵に触れた瞬間にダメージを受ける仕組みを作ることができる（ダメージを受けたことをログに出す）
• プレイヤーのHPを減らすことができる
• HPが0になったときの処理につなげることができる
• 敵との接触判定の基本がわかる

事前準備

この処理を正しく動かすには、事前に以下がついていることを前提としています。

Player側に必要なもの

• Rigidbody2D
• Collider2D
• Playerスクリプト

Enemy側に必要なもの

• Collider2D
• 必要に応じて Rigidbody2D

① ダメージを受けるソースコード（全文）

using UnityEngine;

public class Player : MonoBehaviour
{
    [SerializeField] private int _maxHP = 3;
    private int _currentHP;

    private void Start()
    {
        _currentHP = _maxHP;
    }

    private void OnCollisionEnter2D(Collision2D collision)
    {
        if (collision.gameObject.CompareTag("Enemy"))
        {
            _TakeDamage(1);
        }
    }

    private void _TakeDamage(int damage)
    {
        _currentHP -= damage;
        _currentHP = Mathf.Clamp(_currentHP, 0, _maxHP);

        Debug.Log("現在のHP: " + _currentHP);

        if (_currentHP <= 0)
        {
            _GameOver();
        }
    }

    private void _GameOver()
    {
        Debug.Log("ゲームオーバー");
    }
}

using UnityEngine;

public class Player : MonoBehaviour
{
    [SerializeField] private int _maxHP = 3;
    private int _currentHP;

    private void Start()
    {
        _currentHP = _maxHP;
    }

    private void OnCollisionEnter2D(Collision2D collision)
    {
        if (collision.gameObject.CompareTag("Enemy"))
        {
            _TakeDamage(1);
        }
    }

    private void _TakeDamage(int damage)
    {
        _currentHP -= damage;
        _currentHP = Mathf.Clamp(_currentHP, 0, _maxHP);

        Debug.Log("現在のHP: " + _currentHP);

        if (_currentHP <= 0)
        {
            _GameOver();
        }
    }

    private void _GameOver()
    {
        Debug.Log("ゲームオーバー");
    }
}

この処理の流れ

このコードでは、次の流れでダメージ処理を行っています↓

1. プレイヤーが敵にぶつかる
2. OnCollisionEnter2D() が呼ばれる
3. 相手が Enemy タグなら _TakeDamage(1) を実行する
4. HPを1減らし、Debug.Logでコンソールに現在のHPを出力する。
5. HPが0ならゲームオーバー処理へ進む

② コードを1行ずつ解説すると・・

HPを管理する変数

[SerializeField] private int _maxHP = 3;
private int _currentHP;

[SerializeField] private int _maxHP = 3;
private int _currentHP;

_maxHP は最大HPです。（ここでは3を最大値としています）
_currentHP は現在のHPを管理する変数です。

SerializeField を付けることで、Unity上のInspector から数値を調整することもできます！

StartでHPを初期化する

private void Start()
{
    _currentHP = _maxHP;
}

private void Start()
{
    _currentHP = _maxHP;
}

ゲーム開始時に、現在HPを最大HPと同じ値にしています。
これを入れておくことで、最初から満タンの状態でスタートできます！

敵に触れたか判定する

private void OnCollisionEnter2D(Collision2D collision)
{
    if (collision.gameObject.CompareTag("Enemy"))
    {
        _TakeDamage(1);
    }
}

private void OnCollisionEnter2D(Collision2D collision)
{
    if (collision.gameObject.CompareTag("Enemy"))
    {
        _TakeDamage(1);
    }
}

OnCollisionEnter2D() は、2Dの当たり判定がぶつかった瞬間に呼ばれるメソッドです。

collision.gameObject.CompareTag("Enemy") で、
ぶつかった相手が Enemy タグかどうかを確認しています。

もし相手が敵なら、_TakeDamage(1) を呼び出して、1ダメージ与えます！

ダメージを受ける処理

private void _TakeDamage(int damage)
{
    _currentHP -= damage;
    _currentHP = Mathf.Clamp(_currentHP, 0, _maxHP);

    Debug.Log("現在のHP: " + _currentHP);

    if (_currentHP <= 0)
    {
        _GameOver();
    }
}

private void _TakeDamage(int damage)
{
    _currentHP -= damage;
    _currentHP = Mathf.Clamp(_currentHP, 0, _maxHP);

    Debug.Log("現在のHP: " + _currentHP);

    if (_currentHP <= 0)
    {
        _GameOver();
    }
}

このメソッドでは、プレイヤーがダメージを受けたときの処理をまとめています。

_currentHP -= damage;
　現在のHPから、受けたダメージ分だけ引いています。

Mathf.Clamp(_currentHP, 0, _maxHP);
　HPが 0 未満になったり、最大値を超えたりしないように制限しています。

たとえばHPが1のときに2ダメージ受けても、-1にはならず 0 で止まります。

Debug.Log(“現在のHP: ” + _currentHP);
　敵にふれるたびに、現在のHPをコンソールに出します。

if (_currentHP <= 0)
　HPが0以下になったら、ゲームオーバー処理へ進みます。

ゲームオーバー処理

private void _GameOver()
{
    Debug.Log("ゲームオーバー");
}

private void _GameOver()
{
    Debug.Log("ゲームオーバー");
}

ここでは仮で Debug.Log を出しているだけですが、実際にはここに

• ゲームオーバーUIを表示する
• プレイヤー操作を止める
• リトライ画面を出す

といった処理をつなげられます！

③ Enemyタグの設定方法

Enemyタグを作成する

敵オブジェクトには Enemy タグを設定しておきます。

↓手順は以下です！

1. 敵オブジェクトを選択する
2. Inspector 上部の Tag を開く
3. Enemy がなければ Add Tag で追加する
4. 敵オブジェクトに Enemy タグを設定する

タグ判定では、以下のような書き方もあります。

if (collision.gameObject.tag == "Enemy")

if (collision.gameObject.tag == "Enemy")

ただし、Unityでは CompareTag() の方が一般的です。

理由は、

• 意図がわかりやすい
• タグ比較として書き方が明確
• ミスに気づきやすい

からです。

そのため、初心者のうちは CompareTag() を使う形で覚えておくのがおすすめです✨

❌よくあるエラー

ダメージ判定が上手くいかない場合は、以下辺りを確認してみてください！

敵に触れてもダメージを受けない場合

• 敵オブジェクトに Enemy タグが付いているか
• Player と Enemy の両方に Collider2D があるか
• 少なくともどちらかに Rigidbody2D が付いているか
• OnCollisionEnter2D() のスペルミスがないか

HPが減らない場合

• _TakeDamage(1) が呼ばれているか
• Console に 現在のHP が表示されるか
• _currentHP を別の処理で上書きしていないか

動作確認

▶で動作確認をする。

敵に触れると、Consoleタブから「現在のHP:〇〇」というログが出力されるかと思います。
何回か触れて_maxHPで設定した3HPが徐々に減り、0になると「ゲームオーバー」と出力されるようになります📝

まとめ

最後まで読んでいただきありがとうございました！

今回は、OnCollisionEnter2D() を使って
敵に触れたらダメージを受ける処理 を実装する方法を解説しました！

今回のポイントは以下の通りです↓

• 敵との接触判定は基本 OnCollisionEnter2D() で行う
• CompareTag("Enemy") で相手が敵か確認する
• _TakeDamage() にダメージ処理をまとめる
• HPが0になったらゲームオーバー処理につなげられる

この処理は、2Dアクションゲームの基本となる部分です。
まずはシンプルな形で実装して、あとから

• 敵に触れた後、無敵時間を設ける
• 点滅演出をさせる
• ダメージを受けた後のSEをつける

などを追加していくのがおすすめです👾

敵に触れた場合にダメージを受けるようにしましたが、実際のゲームではHPゲージ（体力バー）が視覚的に徐々に減っていくことが一般的ですよね。

UIの作り方は別記事でまとめているため、こちらも合わせて実装すると更にゲームらしい表現ができます🦖

【Unity2D】HPゲージ（体力UI）をImageで簡単に作る｜（コードあり・解説付き）【初心者向け】

Unityでゲーム制作を続けていると、「HPを数値だけで管理すると、プレイヤーにとって分かりづらい…」「体力UIを表示させるようにしたい」て感じることってあるかと思います。そんなときは、視覚的に分かる体力UIを作るのがおススメです。体力UI...

naiterukaiju.com

2026.04.05

Unityで横スクロール型のアクションゲームを作っていると、
プレイヤーにカメラが付いていかずプレイヤーがどこにいるか分からなくなりますよね🤔
これは、プレイヤーにカメラを追従させる機能が実装されていないためです。
カメラ追従は横スクロール型の2Dアクションゲームにおいて必須の処理です。

この記事では、

「プレイヤーの歩行に合わせてカメラも追従させるようにしたい」
「プレイヤーを歩かせてもカメラが追従しない」
「カメラ追従させたが画面がガタつく・・・」
「横だけ追従したい」

といった方に向けた内容となっています！

この記事では、プレイヤーにカメラを追従させる基本実装を、コード全文つきで、
一行ずつ初心者向けに解説します！

この記事で出来るようになること

• プレイヤーの横移動に合わせて追従するカメラ処理を作ることができる
• 上下にも追従させる方法も合わせて解説あり

① カメラ追従させるコード（全文）

カメラの動きを管理するCameraManager.csを用意し、以下のような処理を書きます。（コピペOK！）

using UnityEngine;

public class CameraManager : MonoBehaviour
{
    [Header("追従対象")]
    [SerializeField] private Player _player;     // Inspector側でPlayerオブジェクトをドラッグ

    [Header("カメラ位置オフセット")]
    public Vector3 offset = new Vector3(0f, 0f, -10f); // Zは-10で2D既定の距離

    private Transform _playerT;    // プレイヤーの位置情報を扱うための変数

    void Start()
    {
        // 1) 追従対象の参照を安全に確保
        if (_player == null)
            _player = FindObjectOfType<Player>();

        if (_player != null)
            _playerT = _player.transform;
    }
    // Update のあとに毎フレーム呼ばれる処理
    void LateUpdate()
    {
        if (_playerT == null) return;

        // 2) 「プレイヤーの位置 + オフセット」を 目標位置 として計算
        Vector3 target = _playerT.position + offset;

        // 3) 横スクロール想定
        //    Y座標（縦方向）とZ座標（奥行き） は固定にして「横スクロール専用カメラ」にする
        float nextX = target.x;
        float nextY = transform.position.y;   // 縦は固定（必要なら追従に変更可）
        float nextZ = target.z;               // -10固定

        // 4) 実際にカメラを移動
        transform.position = new Vector3(nextX, nextY, nextZ);
    }
}

using UnityEngine;

public class CameraManager : MonoBehaviour
{
    [Header("追従対象")]
    [SerializeField] private Player _player;     // Inspector側でPlayerオブジェクトをドラッグ

    [Header("カメラ位置オフセット")]
    public Vector3 offset = new Vector3(0f, 0f, -10f); // Zは-10で2D既定の距離

    private Transform _playerT;    // プレイヤーの位置情報を扱うための変数

    void Start()
    {
        // 1) 追従対象の参照を安全に確保
        if (_player == null)
            _player = FindObjectOfType<Player>();

        if (_player != null)
            _playerT = _player.transform;
    }
    // Update のあとに毎フレーム呼ばれる処理
    void LateUpdate()
    {
        if (_playerT == null) return;

        // 2) 「プレイヤーの位置 + オフセット」を 目標位置 として計算
        Vector3 target = _playerT.position + offset;

        // 3) 横スクロール想定
        //    Y座標（縦方向）とZ座標（奥行き） は固定にして「横スクロール専用カメラ」にする
        float nextX = target.x;
        float nextY = transform.position.y;   // 縦は固定（必要なら追従に変更可）
        float nextZ = target.z;               // -10固定

        // 4) 実際にカメラを移動
        transform.position = new Vector3(nextX, nextY, nextZ);
    }
}

各処理の説明（初心者向け）

※以下は各処理の説明です。わかっている方は②までスキップしてください！

変数の定義

 [Header("追従対象")]
 [SerializeField] private Player _player;

 [Header("追従対象")]
 [SerializeField] private Player _player;

• SerializeFieldを定義し、Unity上の設定できるようにします。
• ここにプレイヤーオブジェクト（追従対象）をドラッグします

 [Header("カメラ位置オフセット")]
 public Vector3 offset = new Vector3(0f, 0f, -10f);

 [Header("カメラ位置オフセット")]
 public Vector3 offset = new Vector3(0f, 0f, -10f);

• カメラとプレイヤーの距離（ずれ）を設定しているもの
• カメラをプレイヤーと同じX・Y位置にして、Z方向に10だけ離した位置に置く（＝2Dゲームでちょうどいい距離）

Start()

    void Start()
    {
        // 1) 追従対象の参照を安全に確保
        if (_player == null)
            _player = FindObjectOfType<Player>();

        if (_player != null)
            _playerT = _player.transform;
    }

    void Start()
    {
        // 1) 追従対象の参照を安全に確保
        if (_player == null)
            _player = FindObjectOfType<Player>();

        if (_player != null)
            _playerT = _player.transform;
    }

• Startはゲーム開始時に1回だけ呼ばれる処理
• ここでは「プレイヤーを探して変数に入れる」「初期のカメラ位置を覚える」ことをしています。
• もし _player がまだ何も設定されていなければ、
  シーンの中から Player スクリプトを持つオブジェクトを探して 自動で設定する。
• Unity上の設定で「CameraManager」のInspector内の_playerがドラッグして設定されていなければ、シーンの中から自動で探すということをしています。（設定し忘れても自動でプレイヤーを見つけて追いかけるようにする保険です◎）

LateUpdate()

    void LateUpdate()
    {
        if (_playerT == null) return;

        // 2) 「プレイヤーの位置 + オフセット」を 目標位置 として計算
        Vector3 target = _playerT.position + offset;

        // 3) 横スクロール想定
        //    Y座標（縦方向）とZ座標（奥行き） は固定にして「横スクロール専用カメラ」にする
        float nextX = target.x;
        float nextY = transform.position.y;   // 縦は固定（必要なら追従に変更可）
        float nextZ = target.z;               // -10固定

        // 4) 実際にカメラを移動
        transform.position = new Vector3(nextX, nextY, nextZ);
    }

    void LateUpdate()
    {
        if (_playerT == null) return;

        // 2) 「プレイヤーの位置 + オフセット」を 目標位置 として計算
        Vector3 target = _playerT.position + offset;

        // 3) 横スクロール想定
        //    Y座標（縦方向）とZ座標（奥行き） は固定にして「横スクロール専用カメラ」にする
        float nextX = target.x;
        float nextY = transform.position.y;   // 縦は固定（必要なら追従に変更可）
        float nextZ = target.z;               // -10固定

        // 4) 実際にカメラを移動
        transform.position = new Vector3(nextX, nextY, nextZ);
    }

• LateUpdateはUpdateのあとに毎フレーム呼ばれる処理です
• カメラの位置を計算後、横方向（nextX）の変数に代入し、実際にカメラを移動しています
• プレイヤーの移動が終わったあとにカメラを動かすので、画面がガタつきにくくなります

処理の流れ

1.カメラの位置設定

 Vector3 target = _playerT.position + offset;

 Vector3 target = _playerT.position + offset;

• プレイヤーの位置に「オフセット」を足して、「カメラがどの位置に動くべきか」を計算
• 「カメラが移動したい位置」＝プレイヤーの位置＋少しずらす距離（オフセット）

2.横だけ追従、縦は固定

 float nextX = target.x; 
 float nextY = transform.position.y; 
 float nextZ = target.z;

 float nextX = target.x; 
 float nextY = transform.position.y; 
 float nextZ = target.z;

• nextX（横方向）はプレイヤーに合わせる
• nextY（縦方向）は動かさず固定
• nextZ（奥行き）は-10で固定（2Dゲームの標準的なカメラ距離）
  これで横スクロール専用のカメラワークになります🏃

3.カメラを実際に移動

transform.position = new Vector3(nextX, nextY, nextZ);

transform.position = new Vector3(nextX, nextY, nextZ);

• 計算した座標をカメラに反映させて、画面を実際に動かします！

② カメラにCameraManagerを適用する

カメラオブジェクト（MainCamera）を選択した状態でAdd Componentをクリックし、
先ほど作ったCameraManagerを選択します。

「追従対象」にプレイヤーをドラッグします。

③ 上下にも追従させたい場合は？

このままだと上下移動が激しいと見切れてしまうので、
ジャンプに合わせてカメラも上下させたい場合は、Yを固定せずに追従させます。
以下のように設定すれば上にもカメラが付いてきます💡

float nextY = target.y;

float nextY = target.y;

④ よくあるエラーと対処法

カメラがガクついてみえる

私が開発中にハマったポイントですが、プレイヤーの移動、カメラ追従をUpdate で全て行うと実行タイミングのズレから画面が震えるような挙動になることがありました。
Updateメソッド内で動かすことも可能ではありますが、
挙動が変になるため移動処理はUpdate、カメラ処理は、LateUpdateメソッド内で分けて動かすことが一般的です！

LateUpdateは「Updateの処理が終わった後」に実行されます。

今回のように、
プレイヤーが移動する
↓
その後カメラが追従する

という処理の場合は
LateUpdateを使うことで自然な動きになります！

カメラが動かない

考えられる原因として多いのは、追従対象が設定されていないことです。
以下が設定されているか確認してみてください！

• Main Cameraにスクリプトを適用しているか
• target にプレイヤーを入れているか
• プレイヤーの Transform を参照できているか

制作中のゲームで実装した例

今回紹介したカメラ追従処理は、実際に制作中の夜の街アクションゲームでもこのように使用しています！
右に移動するとそれに合わせてカメラも追従するようになっており、プレイヤーにカメラがついていっているのが分かります。

当初は横方向だけ追従させていましたが、このゲームはビルからビルへ飛び移る場面が多く上下移動が激しいステージなので、高い場所へジャンプした際にプレイヤーが画面外へ見切れてしまうことがありました。
そのためY方向の追従も追加し、プレイヤーが常に見やすいよう調整しています。

カメラ追従は自分のゲームの仕様に合わせて調整するとよいでしょう🦖

まとめ

最後まで読んでいただきありがとうございました！

今回の記事では
Unityでプレイヤーを追従するカメラの作り方を解説しました👾

実装の内容をまとめると以下の通りです。

1. プレイヤーのTransform（位置情報等）を取得する
2. LateUpdateでプレイヤーの位置を取得してカメラを動かす量を計算
3. カメラの位置をプレイヤーに合わせて移動する

この処理を入れることで、
プレイヤーの動きに合わせてカメラが自然に追従するようになります！

2Dアクションゲームでは必須の処理なので
ぜひ実装してみてください！

他にも、
「歩行したときにアニメーションもつけるようにしたい」
「プレイヤーをジャンプさせるようにしたい」
という実装させたい人はこちらの記事もおすすめです👾

【Unity2D】歩行アニメーションの作り方｜Animatorで「待機⇔歩く」を切り替えよう

こんにちは！夜の街2Dアクションゲームを制作中の怪獣です🦖今回は 2Dキャラの「歩行」時のアニメーションを を Unity で作る方法を解説します！手順としては、待機、歩行用の画像を用意するAnimation Clip（歩くアニメ）を作成す...

naiterukaiju.com

【Unity2D】プレイヤーをジャンプさせる方法｜AddForce以外の方法も比較（コード全文・解説付き）

Unity2Dでプレイヤーをジャンプさせたいけど、ジャンプのさせ方が分からないジャンプが高くなりすぎる 連続ジャンプしてしまう 地面判定がうまくいかないといったことはありませんか？この記事では、ジャンプさせる実装法(解説付き)を初心者向けに...

naiterukaiju.com

①ビル群の背景を作成

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

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

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

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

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

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

【Unity2D】歩行に合わせて背景をスクロールさせてみよう！【初心者向け】

今回は歩行に合わせて背景画像をスクロールさせる方法 を解説します！背景があるだけでよりゲームらしさがグッと増して、世界観が一気に広がりますよね！ただ背景を用意するだけではプレイヤーが移動した際に背景画像が置いてきぼりになってしまうので、歩行...

naiterukaiju.com

2026.06.27

④まとめ

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

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

Unityで2Dアクションゲームを次第に作っていると、プレイヤーをピョンってジャンプさせたくなりますよね。
特に横スクロール型の2Dゲームではジャンプ処理は必要不可欠ではないでしょうか🤔

この記事では、

• ジャンプのさせる方法を知りたい
• ジャンプが高くなりすぎる
• 連続ジャンプしてしまう
• 地面判定がうまくいかない

といった方に向けた解説記事となっております！

また、ただ実装しただけだとジャンプが空中中に無限に出来てしまうので、
二重ジャンプ防止対策も含めて解説をします！

Unityの移動処理には「AddForce・velocity・transform」の3種類の実装方法がありますが、
今回は重力を活かして自然なジャンプにしたいので、AddForceを使った実装方法を解説しています。
（自作の横スクロール型のアクションゲームでは、AddForceで実装するのが一番自然に感じました。）

他の実装方法の解説、比較もしていますので、よければご参照ください！

今回の完成イメージ

• Input System を使ってジャンプ操作をさせる
• 地面にいる時だけジャンプ可能（空中連打で多段ジャンプしない）
• Rigidbody2D を使用
• 接地判定は BoxCast で足元をチェックを行います

事前準備しておくこと

• Unity 2021.3以降推奨
• Input Systemパッケージが導入済みであること

Input Systemでボタン操作を設定している前提で進めています。
Input Systemの導入がまだ出来ていない場合は、⑤での旧Input版の実装方法でも実装が可能です。

① ジャンプ処理の基本コード（全コード）

Input System の Jump を呼ぶ前提で _OnJump() を用意しています。
（※旧Input（Input.GetKeyDown）版も⑤で紹介しています。）

public class Player : MonoBehaviour
{   
    [SerializeField, Header("ジャンプ速度")]
    private float _jumpSpeed;
    
    [SerializeField, Header("接地判定用レイヤー(Floorなど)")]
    private LayerMask _groundMask;   // インスペクターでFloorを指定

    private bool _bJump;
    private Collider2D _col;         // 実寸取得用
    
    void Start()
    {
        _col = GetComponent<Collider2D>();
        _bJump = false;
    }
    
    void Update()
    {
        _HitFloor();
    }
    
    // 今床に触れているか、空中状態か判定する
    private void _HitFloor()
    {
        // もしプレイヤーのColliderが存在しなければ処理しない
        if (_col == null) return;

        // 接地判定のためのBoxCast（四角形の当たり判定を下に飛ばす）を準備する

        // プレイヤーのコライダーの範囲を取得
        Bounds b = _col.bounds;
        // 判定を出す位置（プレイヤーの足元より少し下に設定）
        Vector2 center = new Vector2(b.center.x, b.min.y - 0.05f);
        // 判定の大きさ（横幅はキャラより少し小さめ、高さはごく薄い矩形）
        Vector2 size = new Vector2(b.size.x * 0.9f, 0.12f);

        // BoxCastを実行
        // ・center：判定の中心位置
        // ・size  ：判定の大きさ
        // ・0f    ：角度は回転なし
        // ・Vector2.down：真下に向けて判定
        // ・0.05f ：判定を飛ばす長さ（わずかに下へ伸ばす）
        // ・_groundMask：Floorなど「地面」とするレイヤーにだけ反応させる
        RaycastHit2D hit = Physics2D.BoxCast(center, size, 0f, Vector2.down, 0.05f, _groundMask);

        // 当たり判定の情報取得
        bool grounded = (hit.collider != null);

        // 地面と触れたか確認
        if (grounded)
        {
            // 地面にいる → ジャンプ可能
            _bJump = false;
        }
        else
        {
            // 空中にいる → ジャンプ不可
            _bJump = true;
        }
    }
    // ジャンプ処理
    public void _OnJump(InputAction.CallbackContext context)
    {
        // 押下(performed)でなければ無視 / 空中なら無視
        if (!context.performed || _bJump) return;

        // Impulse:初速が早く徐々に減速、Force:初速が遅く、徐々に加速
        _rigid.AddForce(Vector2.up * _jumpSpeed, ForceMode2D.Impulse);

        // 連打での多段を防ぐために即座に空中扱い
        _bJump = true;
    }
}

public class Player : MonoBehaviour
{   
    [SerializeField, Header("ジャンプ速度")]
    private float _jumpSpeed;
    
    [SerializeField, Header("接地判定用レイヤー(Floorなど)")]
    private LayerMask _groundMask;   // インスペクターでFloorを指定

    private bool _bJump;
    private Collider2D _col;         // 実寸取得用
    
    void Start()
    {
        _col = GetComponent<Collider2D>();
        _bJump = false;
    }
    
    void Update()
    {
        _HitFloor();
    }
    
    // 今床に触れているか、空中状態か判定する
    private void _HitFloor()
    {
        // もしプレイヤーのColliderが存在しなければ処理しない
        if (_col == null) return;

        // 接地判定のためのBoxCast（四角形の当たり判定を下に飛ばす）を準備する

        // プレイヤーのコライダーの範囲を取得
        Bounds b = _col.bounds;
        // 判定を出す位置（プレイヤーの足元より少し下に設定）
        Vector2 center = new Vector2(b.center.x, b.min.y - 0.05f);
        // 判定の大きさ（横幅はキャラより少し小さめ、高さはごく薄い矩形）
        Vector2 size = new Vector2(b.size.x * 0.9f, 0.12f);

        // BoxCastを実行
        // ・center：判定の中心位置
        // ・size  ：判定の大きさ
        // ・0f    ：角度は回転なし
        // ・Vector2.down：真下に向けて判定
        // ・0.05f ：判定を飛ばす長さ（わずかに下へ伸ばす）
        // ・_groundMask：Floorなど「地面」とするレイヤーにだけ反応させる
        RaycastHit2D hit = Physics2D.BoxCast(center, size, 0f, Vector2.down, 0.05f, _groundMask);

        // 当たり判定の情報取得
        bool grounded = (hit.collider != null);

        // 地面と触れたか確認
        if (grounded)
        {
            // 地面にいる → ジャンプ可能
            _bJump = false;
        }
        else
        {
            // 空中にいる → ジャンプ不可
            _bJump = true;
        }
    }
    // ジャンプ処理
    public void _OnJump(InputAction.CallbackContext context)
    {
        // 押下(performed)でなければ無視 / 空中なら無視
        if (!context.performed || _bJump) return;

        // Impulse:初速が早く徐々に減速、Force:初速が遅く、徐々に加速
        _rigid.AddForce(Vector2.up * _jumpSpeed, ForceMode2D.Impulse);

        // 連打での多段を防ぐために即座に空中扱い
        _bJump = true;
    }
}

② 各処理の解説（初心者向け）

↓※以下は各処理の説明です。わかってるよという方は③まで読み飛ばしてください！

フィールド変数の追加

    [SerializeField, Header("ジャンプ速度")]
    private float _jumpSpeed;
    
    [SerializeField, Header("接地判定用レイヤー(Floorなど)")]
    private LayerMask _groundMask;   // インスペクターでFloorを指定

    private bool _bJump;
    private Collider2D _col;         // 実寸取得用

    [SerializeField, Header("ジャンプ速度")]
    private float _jumpSpeed;
    
    [SerializeField, Header("接地判定用レイヤー(Floorなど)")]
    private LayerMask _groundMask;   // インスペクターでFloorを指定

    private bool _bJump;
    private Collider2D _col;         // 実寸取得用

_jumpSpeed：ジャンプの強さ（大きいほど高く跳ぶ）。インスペクターで強さを調整します。（15くらいがおすすめ）
_groundMask：「床」と判定するレイヤーを指定します。（Floorなど）インスペクターで Floor レイヤーを選びます。

✅ Tag判定でも同じことが出来ますが、今回はLayerMaskで進めています。
LayerMaskは「物理判定の対象を限定するための仕組み」で今回のような地面だけ判定するような接地判定に向いています。

Start（必要コンポーネントを取得）

void Start()
{
    _col   = GetComponent<Collider2D>();
    _bJump = false;
}

void Start()
{
    _col   = GetComponent<Collider2D>();
    _bJump = false;
}

• Collider2D （プレイヤー自身に付いている当たり判定情報）を取得して変数に保存。
• _bJump は「今ジャンプ中かどうか」を管理するフラグです。初期値は false（ジャンプ可能）。

Update（接地状態を更新）

void Update()
{
    _HitFloor();       // 接地状態をチェック
}

void Update()
{
    _HitFloor();       // 接地状態をチェック
}

Updateは毎フレーム呼び出されるUnityの共通機能です。
ここで _HitFloor() を呼び出して、接地中かどうかを更新します。

_HitFloor (BoxCastで接地判定する)

Colliderが存在するか確認

if (_col == null) return;

if (_col == null) return;

ここでは
プレイヤーのColliderが取得できているかを確認しています。

もしColliderが存在しない状態で処理を続けると
エラーが発生してしまうため、Colliderが無い場合 処理を中断するという安全対策です。

プレイヤーの当たり判定サイズを取得

Bounds b = _col.bounds;

Bounds b = _col.bounds;

ここでは
**プレイヤーのコライダーの範囲（サイズ・位置）**を取得しています。

Boundsには次のような情報が入っています。

つまりプレイヤーの大きさ、プレイヤーの位置を取得しています。

接地判定の中心位置を決める

Vector2 center = new Vector2(b.center.x, b.min.y - 0.05f);

Vector2 center = new Vector2(b.center.x, b.min.y - 0.05f);

ここでは
地面を判定する位置を決めています。

ポイントはここです。
b.min.y

これは、プレイヤーコライダーの一番下の位置です。
さらに-0.05fをしている理由はプレイヤーの足元より少し下で判定するためです。

   プレイヤー
   ┌─────┐
   │     │
   │     │
   └─────┘ ←ここがb.min.y   □ ←この少し下で接地判定
────────── 地面

こうすることで
足元に地面があるかを正確に判定できます！

判定する矩形サイズを決める

Vector2 size = new Vector2(b.size.x * 0.9f, 0.12f);

Vector2 size = new Vector2(b.size.x * 0.9f, 0.12f);

ここではBoxCastのサイズを設定しています。
b.size.x * 0.9f（横幅）で、プレイヤーの幅より少しだけ小さくしています。
理由は、壁に触れたときに地面と誤判定しないようにするためです。

0.12f（高さ）はかなり薄くしています。
これは、足元のわずかな範囲だけを判定するためです。

BoxCastで地面をチェック

RaycastHit2D hit = Physics2D.BoxCast(
    center,
    size,
    0f,
    Vector2.down,
    0.05f,
    _groundMask
);

RaycastHit2D hit = Physics2D.BoxCast(
    center,
    size,
    0f,
    Vector2.down,
    0.05f,
    _groundMask
);

ここが この処理の一番重要な部分です。
BoxCastとは四角形を飛ばして当たり判定をチェックする機能です。

【イメージ】

プレイヤー
  │
  ▼[ □ ] ←判定ボックス
  │
  ▼
地面

各引数の意味はこちら。

BoxCastの他にも、Unityにはいくつかの判定方法があります。

なぜジャンプ判定でBoxCastを使うのか？

プレイヤーは四角いことが多いですよね。

  □ ← プレイヤー
￣￣￣￣ ← 床

Raycast（線）だと、

  □
　 |
   |
 
￣￣￣￣

→ ちょっとズレると判定ミスします。

でも BoxCast なら：

 □
 ███ ← 薄い箱
￣￣￣￣

足元全体をチェックできるので安定しやすくなります🚶

地面に当たったか確認

bool grounded = (hit.collider != null);

bool grounded = (hit.collider != null);

BoxCastが

• 地面に当たった → colliderが存在
• 当たってない → null

になります。
つまり hit.collider != nullは、地面に触れているかどうかを意味しています。

ジャンプ可能かどうかを設定

if (grounded)
{
    _bJump = false;
}
else
{
    _bJump = true;
}

bool grounded = (hit.collider != null);bool grounded = (hit.collider != null);

if (grounded)
{
    _bJump = false;
}
else
{
    _bJump = true;
}

bool grounded = (hit.collider != null);bool grounded = (hit.collider != null);

ここでは、

という状態を設定しています。

この _bJump をジャンプ処理で使います。

_OnJump

public void _OnJump(InputAction.CallbackContext context)
{
    // 入力が押された瞬間以外は無視 / 空中中は無視
    if (!context.performed || _bJump) return;

    // Rigidbodyに上方向の力を加える
    _rigid.AddForce(Vector2.up * _jumpSpeed, ForceMode2D.Impulse);

    // ジャンプ直後は空中扱いにして多段ジャンプを防ぐ
    _bJump = true;
}

public void _OnJump(InputAction.CallbackContext context)
{
    // 入力が押された瞬間以外は無視 / 空中中は無視
    if (!context.performed || _bJump) return;

    // Rigidbodyに上方向の力を加える
    _rigid.AddForce(Vector2.up * _jumpSpeed, ForceMode2D.Impulse);

    // ジャンプ直後は空中扱いにして多段ジャンプを防ぐ
    _bJump = true;
}

• context.performed … 入力が「押された瞬間」だけ反応します。
• _bJump が true のとき（空中）は処理をスキップ。
• ジャンプ処理にはいくつかの実装方法がありますが、AddForce（Rigidbodyに力を加える関数）を使う理由は物理挙動を活かして自然なジャンプにするためです。
  上方向（Y軸プラス方向）に対しジャンプの強さ（高さ）を図り、ForceMode2D.Impulseを引数で渡すことで、一瞬だけ強い力を加えることができます。
  こうすることで、初速を一気に与えて自然なジャンプ挙動になります。

AddForceは重力と組み合わさることで、
上昇→減速→落下の自然なカーブを描きます。
そのため、より気持ちのいいジャンプになります！
今回のようなアクションゲームならAddForceがおすすめです！

⬇️他にも、AddForce以外には以下のような方法があります。

velocityでジャンプさせる方法（速度を直接指定）

速度を直接指定でき、瞬時に移動させることが出来るのが特徴です。

_rigid.velocity = new Vector2(_rigid.velocity.x, _jumpSpeed);

_rigid.velocity = new Vector2(_rigid.velocity.x, _jumpSpeed);

メリット・・・操作が安定する（毎回同じ動き）、細かい制御がしやすい横移動との相性が良い
デメリット・・・物理感は少し薄れる、慣性が消える（急に止まる）

向いている用途は、プレイヤーの左右移動、シンプルなジャンプ制御、アクションゲーム全般です。

transformでジャンプさせる方法（位置を直接変更）

Rigidbodyを使用せず、位置を直接変更する方法です。

transform.position += Vector3.up * 5f;

transform.position += Vector3.up * 5f;

メリット・・・シンプルで分かりやすい、Rigidbody不要、軽い
デメリット・・・当たり判定が壊れやすい、物理エンジン無視、壁すり抜けなどが起きる

向いている用途は、UI、カメラ移動、背景スクロール、演出効果などです。

③ Floor レイヤーの作成

「床」と判定するFloor レイヤーを追加します。

新しいレイヤーを作る

１．どのオブジェクトでもいいのでクリックし、「Inspector」ウィンドウを確認
２．「Layer」の右端にあるプルダウンをクリック
３． 一番下の 「Add Layer…」 を選びます。
　（インスペクターが Tags & Layers の設定画面に切り替わります。）

４．その空欄に Floor と入力してください！
（大文字・小文字は区別されないですが、コードと統一した方が安全です）

床オブジェクトに Floor レイヤーを割り当てる

• Hierarchy 上で「床」となるオブジェクトを選択。
• Inspector の Layer プルダウンから、先ほど作成した Floor を選びます。

Ground MaskにFloorレイヤーを割り当てる

• Playerオブジェクトを選択
• Ground Maskに今作成した Floor を選びます。

ここまで設定したらジャンプ処理の完成です！

④ よくあるエラーと対処法

↓ジャンプが動かない、挙動が変な場合は以下を確認してみてください！

❌ 地面にいるのにジャンプできない

• 床オブジェクトのLayerMaskが設定されていない
  • ✅Layer：「Floor」を設定する

• プレイヤー側の「床」と判定するレイヤー（_groundMask ）の指定がされていない
  • ✅GroundMask：「Floor」を設定する

❌ 空中で連続ジャンプできる（多段になってしまう）

• _HitFloor() が呼ばれていない/判定が機能していない
• ジャンプ後 _bJump = true; を入れていない

✅ 対処：_OnJump の最後で _bJump = true; を必ず入れる

❌ 斜面や段差で接地判定がガタつく

• sizeが薄すぎる/小さすぎる
• distanceが短すぎる

✅ 対処：size.y や 0.05f を少し増やす（例：0.08f、0.1f）

⑤旧Input版（Input.GetKeyDown）での書き方

Input Systemを使っていない場合は、Updateでこう書けばOKです🙆
これだけで、スペースキーが押されたらジャンプするようなります！

if (Input.GetKeyDown(KeyCode.Space) && !_bJump)
{
    _rigid.AddForce(Vector2.up * _jumpSpeed, ForceMode2D.Impulse);
    _bJump = true;
}

if (Input.GetKeyDown(KeyCode.Space) && !_bJump)
{
    _rigid.AddForce(Vector2.up * _jumpSpeed, ForceMode2D.Impulse);
    _bJump = true;
}

まとめ

今回の処理は次の流れになっています。

① プレイヤーのコライダー情報を取得
② 足元の位置を計算
③ 小さい矩形を作る
④ BoxCastで下方向に判定
⑤ 地面に当たったか確認
⑥ ジャンプ可能か設定

この処理によって

• 空中ジャンプ防止
• 正確な接地判定

が実現できます！！

今回は、Unity2Dでのジャンプ実装方法を解説しました。

最後まで読んでいただきありがとうございました！

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

【Unity2D】プレイヤーを追従させるカメラを作るには？｜実装方法（コード全文・解説付き）

Unityで2Dアクションゲームを作っていると、「プレイヤーの歩行に合わせてカメラも追従させたい」「プレイヤーを歩かせてもカメラが追従しない」「カメラ追従させたが画面がガタつく・・・」「横だけ追従したい」といったことありますよね🤔この記事で...

naiterukaiju.com

【Unity2D】歩行アニメーションの作り方｜Animatorで「待機⇔歩く」を切り替えよう

こんにちは！夜の街2Dアクションゲームを制作中の怪獣です🦖今回は 2Dキャラの「歩行」時のアニメーションを を Unity で作る方法を解説します！手順としては、待機、歩行用の画像を用意するAnimation Clip（歩くアニメ）を作成す...

naiterukaiju.com

今回は Unityで、
「2Dキャラの「歩行」時のアニメーション」を作る方法を解説します！

具体的には、
歩いているとき⇒歩行アニメーション、
止まっているとき⇒歩行アニメーションを停止
というイメージでアニメーションを切り替えて作っていきます🦖

手順としては、

• 待機、歩行用の画像を用意する
• Animation Clip（歩くアニメ）を作成する
• Animator で 待機(Idle)⇔歩行(Walk) を条件で切り替える設定をする
• スクリプトにアニメーションを切り替える処理を作成する

という流れです。

↓画像を元に作ったGIFアニメーションです！2枚の画像だけでそれっぽく見せています

事前準備：歩行用の画像を用意する

「歩行」アニメーション画像を用意します。（最低でも2枚は用意）
ここでは、筆者が作成した画像を使用します。
（画像がない方は、以下のアセットを使用することもできます↓）

Simple 2D Platformer Assets Pack | 2D Characters | Unity Asset Store

Elevate your workflow with the Simple 2D Platformer Assets Pack asset from Goldmetal. Find this & more Characters on the…

assetstore.unity.com

①歩行アニメーションを作る

まず初めにAnimation Clipを作成します。
Animation Clipとは、具体的な動きのデータを保存したアセットファイルのことです。
（拡張子.animが付きます。）

１．ProjectタブのAssertフォルダを選択し、「Animation」フォルダを作成する
２．「Animation」フォルダを選択し右クリックでCreate > Animation ボタンを押す

３．ファイル名を 「Walk」 にして保存する

• inspector
  • Loop Time：✅をつける（アニメーションがループで再生されるようになります）

４．同様に、「Idle」アニメーションも作っておきます。

②AnimationControllerを作成する

次に、アニメーションの切り替えを管理する「AnimationController」を作成します！
AnimationControllerを作成したら、Playerオブジェクトと紐づけるようにします。

１．「Animation」フォルダを選択し右クリックでCreate > AnimationController ボタンを押す

２．ファイル名を 「Player」 にして保存します

３．Playerオブジェクトを選択し、AddComponentで以下を追加します

• Animator

４．2で作成したAnimationControllerをPlayer側のController設定にドラッグ＆ドロップします

③Animator に Idle / Walk を配置する

作成したAnimation Clip（歩行、待機アニメ）を、使用するためにAnimatorに配置していきます。
Animatorとは、オブジェクトを動かす実体（司令塔のようなもの）です。
②で作ったAnimator Controllerを読み込み、最終的にアニメーションを再生する役割をしています！

1. AnimationControllerをダブルクリックし、Animator ウィンドウを開く
2. Animator ウィンドウに「Walk」、「Idel」をドラッグして配置する
3. Idle を右クリック → Set as Layer Default State（最初は待機にする）
   • 「Entry」⇒「Idle」に紐づくようになります
   • 「Entry」はゲーム起動時に再生されるアニメーションです

④アニメーションを作る

ここで実際に動くアニメーションを作成していきます！

歩行アニメーションを作る

1. Walk.anim をダブルクリックする（Animationウィンドウが開きます）
2. プレイヤーオブジェクトを選択する（※プレイヤーを選択しないと３で上手くいかないので注意！）
3. 歩行用の画像をを Animationウィンドウにドラッグ＆ドロップして配置します

これでタイムラインに画像が並び、歩行アニメが完成します！🚶
▶ボタンを押すと再生速度を確認できます。
（当記事では２コマで作成していますが、もっと画像を増やしても大丈夫です🙆）

今回は歩行アニメーションのみ作っていますが、Idol.animにも同様にアニメーションを作ることでより本格的な仕上がりにできます

⑤アニメーション切り替え設定

次に、
「止まっている時はidol、動いたらWalk」
という切り替えを作ります！

パラメータを作成

アニメーションを切り替えるためのパラメータ（フラグ）を追加します。
AnimationControllerを再度開き、Animatorの＋ボタンで「Bool」を追加します。
名前は「Walk」にします。

遷移（Transition）を設定

Idle → Walkへの切り替え

Idle → Walkへアニメーションを紐づけるようにします！
以下を設定します。

• Idle を右クリック – Make Transitionを押下
• Idle⇒Walkに矢印を紐づける
• Idleをクリック
  • Has Exit Time：OFF（今のアニメを最後まで再生するか設定するもの）
  • Setting
    • Transition Duratio：0（切り替え時のなめらかさ（重なり時間））
  • Conditions
    • Walk：trueを設定

Has Exit Time：OFFにすることで、アニメーションが瞬時に切り替わるようになります。
Walk：trueになることで、Walkアニメーションが発動するようにしています。

Walk → Idleへの切り替え

Walk → Idleも同様に設定をします。

• Walkを右クリック – Make Transitionを押下
• Walk⇒Idleに矢印を紐づける
• Walkをクリック
  • Has Exit Time：OFF（今のアニメを最後まで再生するか設定するもの）
  • Setting
    • Transition Duratio：0（切り替え時のなめらかさ（重なり時間））
  • Conditions
    • Walk：falseを設定

Walk：falseになることで、Idle状態に切り替わり、Walkアニメーションを停止するようにしています。

⑥切り替える処理をつくる

最後に、スクリプトにアニメーションを切り替える処理を追加します！（コピペOK）

using UnityEngine;

public class Player: MonoBehaviour
{
    private Animator _anim;

    private void Start()
    {
        _anim = GetComponent<Animator>();
    }

    private void _Move()
    {
       _anim.SetBool("Walk", Mathf.Abs(_inputDirection.x) > 0.1f);
    }
}

using UnityEngine;

public class Player: MonoBehaviour
{
    private Animator _anim;

    private void Start()
    {
        _anim = GetComponent<Animator>();
    }

    private void _Move()
    {
       _anim.SetBool("Walk", Mathf.Abs(_inputDirection.x) > 0.1f);
    }
}

各処理の説明

private Animator _anim;

private Animator _anim;

➡️「Animatorコンポーネントを入れておくための箱」を用意しています。

void Start()
{
    _anim = GetComponent<Animator>();
}

void Start()
{
    _anim = GetComponent<Animator>();
}

• プレイヤー自身についている Animator を取得
• _anim 変数に保存する

このあと_anim.SetBool(…)

のように Animator を操作したいからです。

private void _Move()
{
    _anim.SetBool("Walk", Mathf.Abs(_inputDirection.x) > 0.1f);
}

private void _Move()
{
    _anim.SetBool("Walk", Mathf.Abs(_inputDirection.x) > 0.1f);
}

_anim.SetBool(“Walk”, true or false);

これは、

Animatorにある「Walk」というBoolパラメータの値を
true / false に変更する

ということをしています。

Animator側ではこうなっています

つまりこの1行で、

• Walk = true → 歩行アニメ
• Walk = false → 待機アニメ

が切り替わるようになっています！

Mathf.Abs(_inputDirection.x) > 0.1f<br>

Mathf.Abs(_inputDirection.x) > 0.1f<br>

Mathf.Abs()は、絶対値 を取る関数です。
ここではプレイヤーが移動しているか？を判定しています。
プレイヤーを動かしていないのに移動中と誤判定されることがあるので、> 0.1としています。

動作確認

歩いているとき⇒歩行アニメーション、
止まっているとき⇒歩行アニメーションを停止
という感じで切り替えるようになりました🚶

まとめ

最後まで読んでいただきありがとうございました！

今回の記事をまとめると、

1. Animation Clip でアニメーション実体ファイルを用意
2. Animator Controllerでアニメーションを切り替える
3. 画像をドラッグしてアニメーションを作る
4. 切り替え用のパラメータを用意
5. スクリプト側で切り替え処理を実装

上記の手順で解説させていただきました。

今回のやり方を学べば他にも「ジャンプアニメーション」「パンチアニメーション」なども同じように実装することが出来ます！
この記事が少しでもゲーム制作のお役に立てたらうれしいです🦖

他にも、
プレイヤーをジャンプさせるようにする実装方法はこちら⬇️

【Unity2D】プレイヤーをジャンプさせる方法｜AddForce以外の方法も比較（コード全文・解説付き）

Unity2Dでプレイヤーをジャンプさせたいけど、ジャンプのさせ方が分からないジャンプが高くなりすぎる 連続ジャンプしてしまう 地面判定がうまくいかないといったことはありませんか？この記事では、ジャンプさせる実装法(解説付き)を初心者向けに...

naiterukaiju.com

プレイヤーの歩行に合わせてカメラを追従させるようにする実装方法はこちら⬇️

【Unity2D】プレイヤーを追従させるカメラを作るには？｜実装方法（コード全文・解説付き）

Unityで2Dアクションゲームを作っていると、「プレイヤーの歩行に合わせてカメラも追従させたい」「プレイヤーを歩かせてもカメラが追従しない」「カメラ追従させたが画面がガタつく・・・」「横だけ追従したい」といったことありますよね🤔この記事で...

naiterukaiju.com

今回は、URP（Universal Render Pipeline）の2Dライトを使って、
背景全体を暗くしつつ、プレイヤーの周りだけを明るく照らす方法を解説します。

導入～実装までそこまで難しくはないのですが、
導入方法や光を照らすまでの前提など個人的に色々ハマったので、その点も合わせて最後に紹介しようと思います。

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

この記事でできるようになること

• URP（Universal Render Pipeline）を導入し、背景全体を暗く調整することができる
• プレイヤーの周りだけ常時照らす仕組みを作ることができる

前提（確認ポイント）

• Unity 2021.3 LTS / 2022.3 LTS だと安定（他でもOK）
• 2Dプロジェクトでも導入可能
• この記事は URP 2Dライト（Light 2D） を使います

①URPを導入する

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

URPとは？

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

Built-in Render Pipeline（Unity初期状態）について

• 昔からある方式
• 「3D向けの光」が前提（Built-in には 2D専用ライト が存在しない）
• 2Dは Spriteを貼っているだけ という扱い

つまり、

• キャラや背景は
  「ただの画像」
• 光は
  「3D空間用のもの」

なので、

• 2D用の Global Light
• 2D用の Point / Spot Light

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

URP（Universal Render Pipeline）について

URPでは

• 2D Renderer という専用描画ルートがある
• Spriteを
  「光を受ける物体」として扱える。
• 2D用のライト計算が最初から組み込まれている

つまり、URPは「2Dも3Dも、ちゃんと光のある世界として扱う」仕組みです。

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

Light2D という新しいコンポーネント

Built-in（Unity初期状態）：

• Light（3D用）がデフォルトで用意されている

URP 2D：

• Light2D
  • Global Light 2D　追加
  • Point Light 2D　追加
  • Spot Light 2D　追加

➡️ 2D専用のリアルな光と影を追加するための専用コンポーネントが使えるようになります！

Sprite が「光を受けるかどうか」を選べるようになる

URPでは Sprite に対して：

• 光を無視する（Unlit）
• 光を受ける（Lit）

を Material で明確に分けます。

例

• Sprites-Default
  → 光を無視（常に同じ色）
• Sprite-Lit-Default
  → Light2D の影響を受ける

「光が0なら黒になる」という、当たり前の世界になる

Built-inでは⬇️

• 光がなくてもSpriteは見える

URP 2Dでは⬇️

• 光がなければ見えない

これは、「現実世界と同じルールを2Dにも持ち込んだ」ということになります。

実際にURPをインストールする

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

• Window → Package Manager
• 左上のプルダウンを Unity Registry に切り替える
• Universal RP を探して Installをします

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

②URP 2D Renderer を作成する

次に、「URP Asset (with 2D Renderer)」を作っていきます。

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

1. Assets → Create → Rendering
2. URP Asset (with 2D Renderer) を選択する

すると、2つ自動で生成されます。

① Pipeline Asset（URPの本体）

1つ目は Pipeline Asset です。

これは、プロジェクト全体の「描画ルール」をまとめた本体ファイルになります。

具体的には、

• URP を使うかどうか
• どの Renderer（2D / 3D）を使うか
• ライトや描画の基本方針

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

② Renderer（2D Renderer 用の設定アセット）

もう1つ作られるのが、
2D Renderer 用の Renderer アセット です。

これは Pipeline Asset とは別物で、2D専用の描画処理・ライト計算を担当する設定ファイルになります。

この Renderer では、

• Global / Spot / Point Light 2D の計算方法
• 2Dライトのブレンド設定
• 影や減衰の処理

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

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

名前を以下等に変更します：

• URP_2D.asset（Pipeline Asset：本体）
• URP_2D_Renderer.asset（Renderer 2D Data：2Dレンダラー）

これにより、

• 2Dライトが使えるようになる
• スプライトが光の影響を受けるようになる
• 夜の表現や雰囲気作りが簡単にできる

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

⚠️「with Universal Renderer」を選ぶと3D向けになり、2D Light が正しく働かないことがあるので注意！

③Project Settings に URP を適用する（Graphics / Quality）

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

Graphics に適用

1. Edit → Project Settings → Graphics
2. Scriptable Render Pipeline Settings に
   URP_2D.asset （Pipeline Asset本体）をドラッグ＆ドロップする
   
   以下のメッセージが表示される場合は「Continue」を選択します。

Quality に適用

1. Edit → Project Settings → Quality
2. 上にある Quality Level（Very Low / Low / Medium / High / Very High / Ultra など） を1つずつクリックして3を行う
3. それぞれの Render Pipeline Asset に 生成したURP_2D.asset （Pipeline Asset：本体）を1つずつ設定する

✅ ここを揃えないと「環境によってライトが効いたり効かなかったり」します！

④背景画像を用意する

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

仮背景オブジェクトの作成

1. Hierarchy → Create Emptyを追加する
2. 名前を Background等 にする
3. Add Componentで「Sprite Renderer」 を追加
4. 適当な四角い Sprite を設定
   （白1pxでもOK、拡大して画面全体を覆うようにする）

Material の設定

Sprite Renderer
→Material：Sprite-Lit-Defaultに変更する（重要）

※ Sprites-Default のままだと
URP 2D Light が一切効かないため、変更します。

仮背景のおすすめ設定

• Color：少し暗いグレー or 紺
• Sorting Layer：BG（なければ Default でもOK）
• Order in Layer：-10 など

⑤全体の暗さ設定をする

全体を暗くする（Global Light 2D）

• Hierarchy で
  GameObject → Light → 2D → Global Light 2Dを追加します

• Inspector で調整（例）
  • Color：黒ではなく濃い紺（夜っぽく）
  • Intensity：0.2〜0.4 くらい

💡黒 (#000000) にすると見えなくなりすぎるので、濃い青が扱いやすいです。

⑥プレイヤー周りだけ照らす

1. Player の子オブジェクトとして
   Light → 2D → Spot Light 2Dを追加します

1. 調整例
   • Intensity：0.5〜1
   • Inner Radius：0.5〜2
   • Inner / Outer Spot Angle ：360〜360（光が円形になります）
   • Color：白〜少し黄み

💡子にしておけば、プレイヤーが動いても常に追従します（スクリプト不要）。

⑦動作確認

個人的にハマった点

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

Sprite の Material が Sprites-Default のまま

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

背景スプライト（SpriteRenderer）の Material が

• Sprites-Default（光を無視する）
• Sprite-Lit-Default（光の影響を受ける）

で挙動が変わります。

やること

背景オブジェクトを選択 → Sprite Renderer → Material を

• Sprite-Lit-Default（URP 2D）

に変更します。

Sprite-Lit-Default にしたら真っ暗になった

これはバグではなく 正常挙動です。

Sprite-Lit-Default は “光がないと黒” になります。
つまり：

• Global Light をOFFにした
• そもそもLight 2Dが置かれていない
  → 光源ゼロ
  → 全部真っ暗

という状態です。

対処

• Global Light をONにして、Intensityを弱めに
• プレイヤーのPoint Lightの範囲を広げる
• （必要なら）背景専用に弱いGlobal Lightを追加する

自作のゲームで実装した例

今回紹介したライト演出機能は、実際に制作中の夜の街アクションゲームでも使用しています。

開発当初はライトを設定せずにステージを作っていました。
しかし、夜空やビルの背景を配置しても全体的に明るく見えてしまい、今回舞台にしている「夜の街」という雰囲気を上手く表現できませんでした。
そこでプレイヤーの周囲だけを明るく照らし、それ以外の場所は少し暗めにすることで、夜の街を探索しているような雰囲気を演出することが出来ました🌃
また、プレイヤーが移動するとライトも一緒に移動するため暗い場所でも自分の位置が分かりやすくなったと思います。
実際にライトを導入する前と比べると、ステージの雰囲気が大きく変わり、夜の世界観をより表現できるようになったと感じています🦖

まとめ

最後まで読んでいただきありがとうございました！

URPの2Dライトを使うと、

• 夜の雰囲気
• プレイヤー中心の視界演出
• 探索・緊張感

が一気に作れます💡

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

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

【Unity2D】プレイヤーを追従させるカメラを作るには？｜実装方法（コード全文・解説付き）

Unityで2Dアクションゲームを作っていると、「プレイヤーの歩行に合わせてカメラも追従させたい」「プレイヤーを歩かせてもカメラが追従しない」「カメラ追従させたが画面がガタつく・・・」「横だけ追従したい」といったことありますよね🤔この記事で...

naiterukaiju.com

【Unity2D】歩行アニメーションの作り方｜Animatorで「待機⇔歩く」を切り替えよう

こんにちは！夜の街2Dアクションゲームを制作中の怪獣です🦖今回は 2Dキャラの「歩行」時のアニメーションを を Unity で作る方法を解説します！手順としては、待機、歩行用の画像を用意するAnimation Clip（歩くアニメ）を作成す...

naiterukaiju.com

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

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

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