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

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

この記事では、

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

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

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

実際に自分が制作中の2DアクションゲームではPrefab化を行ってSEを鳴らしています。（動画は「ジャンプしたとき」「敵に触れた」場合にSEを発動）
どちらでの方法でもSEを鳴らすことは可能ですが、小規模なゲームならPlayOneShotだけでもOKです◎

この記事で出来ること

• PlayOneShot で基本的な効果音の鳴らし方が分かる
• 音が鳴らないときの確認ポイントも解説
• Prefab方式との違いも後半で解説あり
• どの方法を選べばいいかが分かる

通常のSEはPlayOneShotがおすすめ

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

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

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

① 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方式がおススメです！

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

まとめ

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

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

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

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

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

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

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

naiterukaiju.com

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

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

naiterukaiju.com

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

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

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

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

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

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

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

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

naiterukaiju.com

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

【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をドラッグ＆ドロップする

まとめ

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

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

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

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

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

naiterukaiju.com

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

• 敵に触れたら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 を別の処理で上書きしていないか

動作確認

▶で動作確認をする。

まとめ

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

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

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

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

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

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

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

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

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

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

Unityでゲーム制作をしていると、「体力UIを表示させるようにしたい」「HPを数値だけで管理すると、プレイヤーにとって分かりづらい…」て思うことってありますよね。そんなときは、減っていくHPバー（体力ゲージ） を表示すると一気にゲームらし...

naiterukaiju.com

2026.04.05

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

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

といったことって出てきますよね🤔

カメラ追従は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 を参照できているか

まとめ

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

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

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

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

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

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

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

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

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

naiterukaiju.com

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

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

naiterukaiju.com

①ビル群の背景を作成

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

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

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

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

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

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

【Unity入門⑮】歩行に合わせて背景をスクロールさせよう！

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

naiterukaiju.com

④まとめ

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

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

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

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

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

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

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

今回の完成イメージ

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

事前準備しておくこと

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

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

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

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

naiterukaiju.com

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

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

前回の記事では、ゴールに触れたらゲームクリアUIを表示させる方法を解説しました。

【Unity入門⑭】ゴールに触れたらゲームクリア！ゴールUIを表示しよう

前回の記事では、落下したらゲームオーバーにさせる実装方法の解説をしました。今回は、プレイヤーがゴールオブジェクトに触れたら「ゲームクリアUI」を表示する方法を解説します。ゲームでは、「敵に当たったらゲームオーバー」、「ゴールにたどり着いたら...

naiterukaiju.com

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

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

この記事でやること

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

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

まずは背景画像を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を適用します。

動作確認

まとめ

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

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

今回やったこと：

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

これだけでゲームの完成度が一気に上がりますね！

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

手順としては、

• 待機、歩行用の画像を用意する
• 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

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

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

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

naiterukaiju.com

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

まず初めに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】プレイヤーをジャンプさせる方法｜AddForce以外の方法も比較（コード全文・解説付き）

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

naiterukaiju.com

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

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

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

naiterukaiju.com

前回の記事では、落下したらゲームオーバーにさせる実装方法の解説をしました。

【Unity入門⑬】落下したらゲームオーバー！ゲームオーバーUIを表示させよう

前回の記事では、ゲーム開始時にBGMをつける方法の解説しました！今回は「プレイヤーがマップから落下したら、ゲームオーバーUIを表示する」実装方法を解説します。落下判定は2Dアクションでよく使う定番ギミックです。ミスしたかが分かりやすくなるの...

naiterukaiju.com

今回は、
プレイヤーがゴールオブジェクトに触れたら「ゲームクリアUI」を表示する方法
を解説します！

ゲームでは、
「敵に当たったらゲームオーバー」、「ゴールにたどり着いたらゲームクリア」という流れが基本になりますよね。

この記事では、

• ゲームクリアUIの作成
• Playerがゴールに触れたかどうか判定させる処理をつくる
• MainManagerでUIを表示させる処理をつくる
• SPACEキーを押すとシーンを最初からやり直す

という流れで作成～表示させるところまで解説を進めていきます！

この記事でやること

• ゲームをクリアしたときのUIを作成する
• ゴールオブジェクトを作成する
• Playerがゴールに触れたらゲームクリアUIを表示させる
• SPACEキーを押すと最初からスタート

① ゲームクリアUIを作成しよう

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

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

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

Canvas を作成する

1. Hierarchy を右クリック
2. UI → Canvasを追加

GameClearPanel を作る

クリア時に画面に表示させるベースとなるパネルを作ります。

1. Canvas の子に UI → Panel を作成する
2. 名前を GameClearPanel に変更
3. 背景色を半透明の黒にするのがおすすめです（Colorで調整）

テキストを配置する

クリア時に画面に表示させる文字を作ります。

1. GameClearPanel の子に UI → Text (TextMeshPro)を追加
2. テキストを GAME CLEAR!! などに変更
3. 中央寄せ・大きめフォントに調整する

必要であれば

• 「次へ」ボタン
• 「タイトルへ戻る」ボタン

を追加してもOKです。

最初は非表示にする

• GameClearPanel の
  チェックを外して非アクティブにしてください。（ゲーム開始時に表示されてしまうため）

②MainManager に 処理を追加する

次に、 MainManagerに以下の処理を作成します。（コピペOK！）

• ゲームクリア時のUIを表示させる処理
• SPACEキーを押すとシーンを最初からやり直す処理

MainManager は主に以下のような役割をします。

• ゲーム全体の状態管理する
• UI の表示・非表示を制御など

using UnityEngine;

public class MainManager : MonoBehaviour
{
    [Header("UI参照")]
    [SerializeField] private GameObject _gameClearPanel;
    
    private bool _isGameClear = false;

    private void Awake()
    {
        // 念のため起動時は非表示
        _gameClearPanel.SetActive(false);
    }
    
    void Update()
    {
        // ゲームクリア後、SPACEキーが押されたらリスタート
        if (_isGameClear && Input.GetKeyDown(KeyCode.Space))
        {
            RestartScene();
        }
    }

    // ゲームクリアUIを表示する
    public void ShowGameClearUI()
    {
        _gameClearPanel.SetActive(true);
        _isGameClear = true;
    }
    
    // シーンを最初から読み直す
    private void RestartScene()
    {
        SceneManager.LoadScene(SceneManager.GetActiveScene().name);
    }
}

using UnityEngine;

public class MainManager : MonoBehaviour
{
    [Header("UI参照")]
    [SerializeField] private GameObject _gameClearPanel;
    
    private bool _isGameClear = false;

    private void Awake()
    {
        // 念のため起動時は非表示
        _gameClearPanel.SetActive(false);
    }
    
    void Update()
    {
        // ゲームクリア後、SPACEキーが押されたらリスタート
        if (_isGameClear && Input.GetKeyDown(KeyCode.Space))
        {
            RestartScene();
        }
    }

    // ゲームクリアUIを表示する
    public void ShowGameClearUI()
    {
        _gameClearPanel.SetActive(true);
        _isGameClear = true;
    }
    
    // シーンを最初から読み直す
    private void RestartScene()
    {
        SceneManager.LoadScene(SceneManager.GetActiveScene().name);
    }
}

各処理の解説

[SerializeField] private GameObject _gameClearPanel;

[SerializeField] private GameObject _gameClearPanel;

• SerializeFieldを定義してUnity上のInspector から設定できるようにしています

上記を定義したら、以下のようにUnity上から①で作成したGameClearPanelをドラッグ＆ドロップしてください！

private bool _isGameClear = false;

private bool _isGameClear = false;

ゲームクリア状態かどうか判断するようのフラグです。
後の処理で、ゲームクリアしている状態（true）だったらSPACEキーを受け付けるようにしています。

private void Awake()
{
    _gameClearPanel.SetActive(false);
}

private void Awake()
{
    _gameClearPanel.SetActive(false);
}

Awake は「シーンが始まった瞬間」に必ず1回だけ呼ばれます💡

• シーン起動時に 必ず非表示にする
• こうするとInspector 設定ミスを防げる

private void Update()
{
    if (_isGameClear && Input.GetKeyDown(KeyCode.Space))
    {
        RestartScene();
    }
}

private void Update()
{
    if (_isGameClear && Input.GetKeyDown(KeyCode.Space))
    {
        RestartScene();
    }
}

Updateは毎フレーム呼ばれます。

• キー入力は 毎フレーム監視する必要がある
• ゲームクリア後だけ受付するように条件を付けています

private void RestartScene()
{
    SceneManager.LoadScene(SceneManager.GetActiveScene().name);
}

private void RestartScene()
{
    SceneManager.LoadScene(SceneManager.GetActiveScene().name);
}

• 今開いているシーン名を取得
• そのシーンを再ロード

➡️ 「最初からスタート」＝シーンを再読み込みということをしています。

public void ShowGameClearUI()
{
    _gameClearPanel.SetActive(true);
    _isGameClear = true;
}

public void ShowGameClearUI()
{
    _gameClearPanel.SetActive(true);
    _isGameClear = true;
}

• ゲームクリア時に呼ばれる（Player側で判断します）
• UI を表示するだけのシンプルな責務
• _isGameClearをtrueに更新し、クリア状態にしている

他にもこのあとに

• SE 再生
• BGM 停止
• フェード演出

を追加する場合も、ここに書けばOKです！

③ゴールオブジェクトを作る

ゴール用オブジェクトを作成

• Hierarchyで「2Dオブジェクト → Sprite → Square」を作成する（名前はGoalにする）
• Add Componentでコンポーネントを追加
  • BoxCollider2D などの Collider2D を追加
  • Rigidbody2D（物理挙動を持たせておく）
    • Body TypeはStaticにしておきます（オブジェクトが動かないようにするため）
• Sprite Rendererタブで「Sprite」にゴール用の画像をドラッグする

「Goal」タグを追加して設定する

1. Inspector の Tag からAdd Tagを押す
2. 「＋」ボタンでGoal タグを追加する

Goal タグを追加したらゴールオブジェクトに設定してください。

④Player.csにゴールの当たり判定処理を作る

次に、プレイヤーがゴールに触れたことを検知する処理をOnCollisionEnter2Dメソッド内に作成します。

OnCollisionEnter2D は
Collider2D 同士が接触した瞬間に呼ばれるUnityの共通メソッドです。

今回のように、「敵に当たった」「ゴールに触れた」といった判定をすることが出来ます。

public class Player : MonoBehaviour
{
    
    private void OnCollisionEnter2D(Collision2D collision)
    {
        // 敵に触れたときの処理
        if (collision.gameObject.CompareTag("Enemy"))
        {
            _HitEnemy(collision.gameObject);
        }
        // 追加
        // ゴールに触れたときの処理 
        else if (collision.gameObject.tag == "Goal")
        {
            FindObjectOfType<MainManager>().ShowGameClearUI();

            // プレイヤーを非アクティブにする
            enabled = false;
            GetComponent<PlayerInput>().enabled = false;
        }
    }
}

public class Player : MonoBehaviour
{
    
    private void OnCollisionEnter2D(Collision2D collision)
    {
        // 敵に触れたときの処理
        if (collision.gameObject.CompareTag("Enemy"))
        {
            _HitEnemy(collision.gameObject);
        }
        // 追加
        // ゴールに触れたときの処理 
        else if (collision.gameObject.tag == "Goal")
        {
            FindObjectOfType<MainManager>().ShowGameClearUI();

            // プレイヤーを非アクティブにする
            enabled = false;
            GetComponent<PlayerInput>().enabled = false;
        }
    }
}

各処理の解説

        // ゴールに触れたときの処理 
        else if (collision.gameObject.tag == "Goal")
        {
            FindObjectOfType<MainManager>().ShowGameClearUI();

            // プレイヤーを非アクティブにする
            enabled = false;
            GetComponent<PlayerInput>().enabled = false;
        }

        // ゴールに触れたときの処理 
        else if (collision.gameObject.tag == "Goal")
        {
            FindObjectOfType<MainManager>().ShowGameClearUI();

            // プレイヤーを非アクティブにする
            enabled = false;
            GetComponent<PlayerInput>().enabled = false;
        }

• tag名が“Goal”に設定されたオブジェクトに触れたか判定
• 触れた場合、シーン上に存在する MainManager を探して取得する
• ShowGameClearUI() で、ゲームクリア用の UI をMainManager から表示する
• BGM 停止や効果音再生などもここでまとめて管理ができます

enabled = false;
GetComponent<PlayerInput>().enabled = false;

enabled = false;
GetComponent<PlayerInput>().enabled = false;

• Player スクリプト自体を停止（ゴール後に操作できないようにする）
• Update や移動処理が動かなくなる

ゴール後も動けてしまうと、演出が壊れてしまうため必須の処理です。

動作確認

ゴールオブジェクトに触れて、UIを表示することができました！

まとめ

1. ゴールに触れたら GAME CLEAR!! UI を表示
2. プレイヤー操作を停止
3. SPACEキーを押すとシーンを最初からやり直す

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

これで、「遊ぶ → クリア → もう一回」という、
ゲームとして最低限必要なループが完成しました！

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

段々ゲームらしくなってきましたが、背景がまだ何も設定していなくて寂しいので
次回は背景の表示方法及び、背景を歩行に合わせてスクロールさせる実装方法の解説を行う予定です！

【Unity入門⑮】歩行に合わせて背景をスクロールさせよう！

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

naiterukaiju.com

前回の記事では、ゲーム開始時にBGMをつける方法の解説しました！

【Unity入門⑫】2Dアクションゲームで開始時にBGMを流そう！

前回の記事では、効果音をつける方法の解説しました！今回はゲームを起動した瞬間に、 BGMを自動再生する方法を解説します。BGMが入るだけで、画面の印象やゲームの世界観が一気に引き締まり、ゲームらしさがグッと増します！BGMはゲーム全体で共通...

naiterukaiju.com

今回は「プレイヤーがマップから落下したら、ゲームオーバーUIを表示する」実装方法を解説します。

落下判定は2Dアクションでよく使う定番ギミックです。
ミスしたかが分かりやすくなるので、よりゲームのテンポも良くなります！

この記事では、

• ゲームオーバーUIはすでに用意してある前提
• 「プレイヤーがマップから落下したかどうか判定する」

という ロジック部分のみを扱います。

ゲームオーバーUIの作成方法自体は、すでに別記事で解説しています。
詳しくは、先にこちらをご覧ください⬇️

【Unity入門⑨】HPが0になったらゲームオーバーの演出をさせよう

前回の記事で、敵に触れたらダメージを食らうHPバーを作りました。今回はプレイヤーのHPが0になったらゲームオーバになるUIを作ってみましょう！この記事では、・プレイヤーのHPが0になったら画面に「GAME OVER」、「リトライ」ボタンを表...

naiterukaiju.com

この記事ですること

今回やることはシンプルで、流れはこんな感じです。

1. プレイヤーの Y座標が一定より下になったら「落下」と判定
2. MainManager に「ゲームオーバーになった」と伝える
3. MainManager が ゲームオーバーUIを表示する

事前確認

• 「【Unity入門⑨】HPが0になったらゲームオーバーの演出をさせよう」の章を実装済である提で解説を進めています
• ゲームオーバーUI、MainManager が既に作成済である前提で解説を進めています

①Player.cs（落下を検知する処理だけ書く）

Player 側では
「落ちたかどうか」だけを判断します。
落下判定は、一番分かりやすい Y座標チェックを使います。

using UnityEngine;

public class Player : MonoBehaviour
{
    [SerializeField] private float _fallDeadLineY = -10f;

    private MainManager _mainManager;
    private bool _isDead;

    private void Start()
    {
        _mainManager = FindObjectOfType();
    }

    private void Update()
    {
        if (_isDead) return;

        if (transform.position.y < _fallDeadLineY)
        {
            _isDead = true;
            _mainManager.Show();
        }
    }
}

using UnityEngine;

public class Player : MonoBehaviour
{
    [SerializeField] private float _fallDeadLineY = -10f;

    private MainManager _mainManager;
    private bool _isDead;

    private void Start()
    {
        _mainManager = FindObjectOfType();
    }

    private void Update()
    {
        if (_isDead) return;

        if (transform.position.y < _fallDeadLineY)
        {
            _isDead = true;
            _mainManager.Show();
        }
    }
}

②各処理の説明

落下ラインの設定

[SerializeField] private float _fallDeadLineY = -10f;

[SerializeField] private float _fallDeadLineY = -10f;

• この Y 座標より下に行ったら「落下した」と判断するライン

Inspectorから調整できるので、ステージが変わっても数値を変えるだけで対応可能！

MainManager を取得

_mainManager = FindObjectOfType<MainManager>();

_mainManager = FindObjectOfType<MainManager>();

• シーン内にある MainManager を探して使えるようにしている

➡️Player は「ゲームオーバーにしてほしい」と MainManager にお願いする役です。

Update() で落下判定

if (_isDead) return;

if (_isDead) return;

• すでに落下した後は何もしないようにしています

if (transform.position.y < _fallDeadLineY)
{
    _isDead = true;
    _mainManager.Show();
}

if (transform.position.y < _fallDeadLineY)
{
    _isDead = true;
    _mainManager.Show();
}

1. プレイヤーの現在位置を取得
2. Y座標が落下ライン（Inspectorで設定したもの）より下かチェック
3. 下ならゲームオーバー
   という流れです。

なぜ「落下判定」と「ゲームオーバー処理」を分けるのか？

ここが設計上大事なポイントです。

• Player
  ➡️「落ちたかどうか」を判断するだけ
• MainManager
  ➡️「ゲームオーバーにする」責任だけを持つ

こうしておくと、

• HPが0になった
• トゲに当たった
• 制限時間切れ

なども、すべて

_mainManager.Show();

_mainManager.Show();

で統一することができます🦖

落下ラインの調整方法

[SerializeField] private float _fallDeadLineY = -10f;

[SerializeField] private float _fallDeadLineY = -10f;

• ステージの一番下より少し低めに設定
• Inspector から調整できるようにしておく

これだけで、
ステージごとの微調整がとても楽になります。

まとめ

• 今回は 「ゲームオーバーにする条件」だけを実装
• ゲームオーバー処理は MainManager に集約すると拡張しやすい

この記事では、「プレイヤーがマップから落下したかどうか判定する」方法について解説しました。

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

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

次回は、ゴールに触れたらゲームクリアさせ、クリア時のUIを作成～表示させる実装方法の解説を行う予定です！

【Unity入門⑭】ゴールに触れたらゲームクリア！ゴールUIを表示しよう

前回の記事では、落下したらゲームオーバーにさせる実装方法の解説をしました。今回は、プレイヤーがゴールオブジェクトに触れたら「ゲームクリアUI」を表示する方法を解説します。ゲームでは、「敵に当たったらゲームオーバー」、「ゴールにたどり着いたら...

naiterukaiju.com