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

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

そんなときは、減っていくHPバー（体力ゲージ） を表示すると一気にゲームらしくなります！

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

※当記事は、HPゲージUIを作る方法を中心で解説しています。
⬇️ダメージ処理を受ける＋HPゲージUI込みで流れで作りたい方はこちらの記事を見るとスムーズです

【Unity入門⑧】敵に触れたらダメージ！体力UIを作ってみよう

前回の記事では、敵を作る方法を解説しました👾今回はそこから一歩進んで、プレイヤーが敵に触れたら体力が減る仕組みを作ってみましょう👾さらに、体力UI（HPバー）を画面に表示して、減っていく演出も追加します！⬇️画像のように、左上に赤いHPバー...

naiterukaiju.com

2025.10.12

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

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

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

naiterukaiju.com

2026.03.29

この記事でできること

• 画面に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をドラッグ＆ドロップする

まとめ

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

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

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

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

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

naiterukaiju.com

2026.03.29

Unity2Dでアクションゲームを作っていると、

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

と思うことがありますよね。

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

今回は OnCollisionEnter2D() を使って、
敵との接触を判定 → HPを減らす → （必要なら）ゲームオーバーにつなげる
という流れを作っていきます。

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

この記事でできること

• 敵に触れた瞬間にダメージを受ける
• プレイヤーのHPを減らせる
• HPが0になったときの処理につなげられる
• 敵との接触判定の基本がわかる

事前準備

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

Player側に必要なもの

• Rigidbody2D
• Collider2D
• Playerスクリプト

Enemy側に必要なもの

• Collider2D
• 必要に応じて Rigidbody2D

① ダメージを受けるソースコード

using UnityEngine;

public class Player : MonoBehaviour
{
    [SerializeField] private int _maxHP = 5;
    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 = 5;
    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減らす
5. HPが0ならゲームオーバー処理へ進む

② コードを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と同じ値にしています。
これを入れておくことで、最初から満タンの状態でスタートできます。

敵に触れたか判定する

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 で止まります。

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 を別の処理で上書きしていないか

まとめ

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

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

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

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

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

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

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

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);

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

なぜ LateUpdate を使うのか

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

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

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

③カメラにCameraManagerを適用する

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

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

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

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

float nextY = target.y;

float nextY = target.y;

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

エラー1：カメラが動かない

原因として多いのは、追従対象が設定されていないことです。

以下を確認してみてください。

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

エラー2：カメラがガクつく

原因としては

• プレイヤーの移動とカメラ追従のタイミングがズレている
• Update() に書いている
• Rigidbody2D の移動方法と噛み合っていない

といったものがあります。

⑥まとめ

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

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

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

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

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

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

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

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

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

naiterukaiju.com

2026.02.08

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

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

naiterukaiju.com

2026.03.01

Unity2Dでプレイヤーをジャンプさせたいけど、

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

といったことはありませんか？
この記事では、ジャンプさせる実装法(解説付き)、二重ジャンプ防止対策も含めて
初心者向けにわかりやすく解説します！

Unityの移動処理には「AddForce・velocity・transform」の3種類の実装方法がありますが、
今回は重力を活かして自然なジャンプにしたいので、AddForceを使った実装方法を解説しています。
他の実装方法の解説、比較もしていますので、よければご参照ください！

① 今回の完成イメージ

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

Input Systemでボタン操作を設定している前提で進めています。
Input Systemの導入がまだ出来ていない場合は、まずこちらの記事から読むとスムーズです👾
（※旧Input版の実装方法も後半で解説あり）

【Unity入門④】プレイヤーをジャンプさせる処理を作ろう！

前回はプレイヤーの移動に合わせて顔の向きを変更させる方法の解説をしました。今回は ジャンプを作っていきます！ジャンプ処理自体はシンプルに作れますが、ジャンプ後の制御も行わないと空中でも無限ジャンプできてしまいます。この記事では 「接地中だけ...

naiterukaiju.com

2025.09.24

② 事前準備

プレイヤー、プレイヤーが立てる床のオブジェクトを用意しておきます。

⇩インスペクターの設定を以下のような感じにしておきます

プレイヤー側

• Rigidbody2D
• Collider2D（BoxCollider2Dなど）

床側

• Collider2D（BoxCollider2D / TilemapCollider2Dなど）

③ ジャンプ処理の基本コード

✅ 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

2026.03.14

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

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

naiterukaiju.com

2026.02.08

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

手順としては、

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

という流れです。

歩いているとき⇒歩行アニメーション、
止まっているとき⇒歩行アニメーションを停止
というイメージで作っていきます🦖

↓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

プレイヤーの歩行処理がまだ実装出来ていない場合は、まず実装させる必要があります。
プレイヤーの歩行処理に関しては、こちらの記事で解説しています↓

【Unity入門②】プレイヤーを左右に歩かせる処理を作ろう

前回の記事では、プレイヤーと、プレイヤーが立てる床を作成しました。今回は 新しいInput System（InputAction）を使って、プレイヤーを左右に歩かせる処理を追加します！完成イメージ←/→ を押した際に、プレイヤーが左右に動く...

naiterukaiju.com

2025.09.16

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

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

1. ProjectタブのAssertフォルダを選択し、「Animation」フォルダを作成する
2. 「Animation」フォルダを選択し右クリックでCreate > Animation ボタンを押す
3. ファイル名を 「Walk」 にして保存する
   • inspector
     • Loop Time：✅をつける（アニメーションがループで再生されるようになります）
4. 同様に、「Idle」アニメーションも作っておきます

②AnimationControllerを作成する

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

1. 「Animation」フォルダを選択し右クリックでCreate > AnimationController ボタンを押す
2. ファイル名を 「Player」 にして保存します
3. Playerオブジェクトを選択し、AddComponentで以下を追加します
   • Animator
4. Animator設定
   • Controller：2で作成したAnimationControllerをドラッグ＆ドロップします

③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】プレイヤーをジャンプさせる方法｜（コード全文・解説付き）

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

naiterukaiju.com

2026.03.01

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

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

Unityで2Dアクションゲームを作っていると、「プレイヤーの歩行に合わせてカメラも追従させたい」「プレイヤーを歩かせてもカメラが追従しない」「横だけ追従したい」といったことはありませんか？この記事では、プレイヤーにカメラを追従させる基本実...

naiterukaiju.com

2026.03.14

今回は、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

2026.03.14

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

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

naiterukaiju.com

2026.02.08