横スクロールアクションの作り方｜ステージ構成・ギミック・カメラ演出の基本

マリオのような横スクロールアクションゲームを作りたい。

でも、カメラの追従や画面スクロールの仕組みが分からない。

実は、基本的な仕組みを理解すれば、意外とシンプルに実装できます。

この記事では、横スクロールアクションの作り方を、ステージ構成からカメラ演出まで解説します。

✨ この記事でわかること

横スクロールアクションの基本構造
カメラ追従の実装方法
ステージ構成とギミックの作り方
敵配置と足場の設計

ゲーム開発講師

横スクロールアクションは、カメラの動きが命です。まずは基本の追従から実装していきましょう。

＼あなたにピッタリのアクションゲーム制作講座を見つけよう！／

おすすめ第1位

Unity 2Dアクションゲーム
の作り方講座（ロックマン風）

★★★★★ (スマホ化・広告実装)

ロックマン風の横スクロールACTをスマホ化・広告実装まで対応。ゲームのリリースまでを見据えた実践的なカリキュラムで、作って終わりにならない一本です。

講座を購読する＼リリースまで一気に学ぼう／

3D入門に最適

ゼルダ風3Dアクションゲーム
の作り方講座

★★★★★ (スマホ化対応)

ゼルダ風の3Dアクションをスマホ対応で作れる入門講座。全16回で初心者でも3Dゲーム開発の基礎からしっかり習得できます。

講座を購読する＼初心者でも3Dアクションが作れる！／

3プラットフォーム対応

Unity FPSゲームの
作り方講座

★★★★★ (スマホ・VR対応)

FPS・VR・スマホの3プラットフォームに同時対応。1本作るだけで3つのゲームが完成する圧倒的なコスパが魅力の講座です。

講座を購読する＼FPS・VR・スマホを同時に制覇！／

ゲームを「遊ぶ側」から「作る側」へ

あなたのオリジナルゲーム、今年こそ完成させませんか？

RPG・アクション・ホラー…Unityで本格ゲームを作りたい人のための学習サイトです。

Unity入門の森｜永久会員チケット

全講座ラインナップを見てみる

実際に完成するゲームを題材に、
ソースコード・素材・プロジェクト一式をすべて公開。
仕事や学校の合間の1〜2時間でも、
「写経→改造」で自分のゲームまで作りきれる環境です。

横スクロールアクションの基本構造
カメラ追従の実装方法
ステージ構成の作り方
ギミックの実装方法
1. 落下床の実装
2. 移動床の実装
敵配置と行動パターン
カメラ演出のテクニック
1. カメラの境界設定
2. カメラの揺れ防止
実践的な横スクロールアクション制作を学ぶには
アクションゲームを作りたいなら！Unity入門の森のアクション制作講座で本格ゲーム開発に挑戦しよう
まとめ

横スクロールアクションの基本構造

横スクロールアクションには、次の要素が必要です。

プレイヤーの左右移動とジャンプ
カメラの追従（プレイヤーに合わせて動く）
ステージの横方向への配置
足場と障害物
敵の配置と行動パターン

特に重要なのが、カメラの追従です。

例えば、プレイヤーだけが右に動いて、カメラが固定されたままだとどうなるでしょうか。

すぐに画面端にぶつかり、横スクロールゲームらしさは失われてしまいます。

プレイヤーの移動に合わせてカメラも動かすことで、画面全体が横に流れ、はじめて「横スクロールしている」感覚が生まれます。

カメラ追従の実装方法

カメラ追従は、カメラの位置をプレイヤーの位置に合わせることで実現します。

以下のスクリプトで、基本的な追従ができます。

using UnityEngine;

public class CameraFollow : MonoBehaviour
{
    [SerializeField] private Transform target;
    [SerializeField] private float smoothSpeed = 0.125f;
    [SerializeField] private Vector3 offset;
    
    void LateUpdate()
    {
        Vector3 desiredPosition = target.position + offset;
        Vector3 smoothedPosition = Vector3.Lerp(transform.position, desiredPosition, smoothSpeed);
        transform.position = smoothedPosition;
    }
}

using UnityEngine;

public class CameraFollow : MonoBehaviour

{

[SerializeField] private Transform target;

[SerializeField] private float smoothSpeed = 0.125f;

[SerializeField] private Vector3 offset;

void LateUpdate()

{

Vector3 desiredPosition = target.position + offset;

Vector3 smoothedPosition = Vector3.Lerp(transform.position, desiredPosition, smoothSpeed);

transform.position = smoothedPosition;

}

このコードで、カメラが滑らかにプレイヤーを追います。

smoothSpeedの値を変えると、追従の速度が調整できます。

0.125fだと少し遅めなので、0.2fくらいから始めるのも良いでしょう。

また、Y軸の追従を制限したい場合は、以下のように修正します。

void LateUpdate()
{
    Vector3 desiredPosition = target.position + offset;
    desiredPosition.y = transform.position.y; // Y軸は固定
    Vector3 smoothedPosition = Vector3.Lerp(transform.position, desiredPosition, smoothSpeed);
    transform.position = smoothedPosition;
}

void LateUpdate()

{

Vector3 desiredPosition = target.position + offset;

desiredPosition.y = transform.position.y; // Y軸は固定

Vector3 smoothedPosition = Vector3.Lerp(transform.position, desiredPosition, smoothSpeed);

transform.position = smoothedPosition;

}

これで、カメラは横方向のみ追従し、縦方向は固定されます。

ゲーム開発講師

カメラの追従は、ゲームの操作感に大きく影響します。実際に動かしながら、最適な値を探してみてください。

【ゲームの作り方講座プレゼント中！】

ステージ構成の作り方

ステージは、Tilemapを使って効率的に作ります。

横スクロールアクションでは、横方向に長いステージが必要です。

手順は次の通りです。

Hierarchyで右クリック → 2D Object → Tilemap
Tile Paletteウィンドウを開く（Window → 2D → Tile Palette）
タイル画像をインポートして、パレットに追加
横方向に長く、足場を配置していく

足場の配置では、プレイヤーのジャンプ力を考慮します。

ジャンプで届かない距離に足場を置くと、ゲームが進められなくなります。

また、足場には必ずCollider2Dを追加してください。

プレイヤーが乗れるように、BoxCollider2Dを設定します。

ギミックの実装方法

横スクロールアクションには、様々なギミックがあります。

代表的なものをいくつか紹介します。

落下床の実装

プレイヤーが乗ると、一定時間後に落下する床です。

以下のコードで実装できます。

using UnityEngine;

public class FallingPlatform : MonoBehaviour
{
    [SerializeField] private float fallDelay = 1f;
    [SerializeField] private float fallSpeed = 5f;
    
    private bool isFalling = false;
    private Rigidbody2D rb;
    
    void Start()
    {
        rb = GetComponent&lt;Rigidbody2D&gt;();
        rb.isKinematic = true;
    }
    
    void OnCollisionEnter2D(Collision2D collision)
    {
        if (collision.gameObject.CompareTag("Player") &amp;&amp; !isFalling)
        {
            Invoke("StartFalling", fallDelay);
        }
    }
    
    void StartFalling()
    {
        isFalling = true;
        rb.isKinematic = false;
        rb.velocity = new Vector2(0, -fallSpeed);
    }
}

using UnityEngine;

public class FallingPlatform : MonoBehaviour

{

[SerializeField] private float fallDelay = 1f;

[SerializeField] private float fallSpeed = 5f;

private bool isFalling = false;

private Rigidbody2D rb;

void Start()

{

rb = GetComponent<Rigidbody2D>();

rb.isKinematic = true;

}

void OnCollisionEnter2D(Collision2D collision)

{

if (collision.gameObject.CompareTag("Player") && !isFalling)

{

Invoke("StartFalling", fallDelay);

}

void StartFalling()

{

isFalling = true;

rb.isKinematic = false;

rb.velocity = new Vector2(0, -fallSpeed);

}

このコードで、プレイヤーが乗って1秒後に落下します。

fallDelayの値を変えると、落下までの時間が調整できます。

移動床の実装

左右に動く床です。

以下のコードで実装できます。

using UnityEngine;

public class MovingPlatform : MonoBehaviour
{
    [SerializeField] private float moveSpeed = 2f;
    [SerializeField] private float moveDistance = 3f;
    
    private Vector3 startPosition;
    private bool movingRight = true;
    
    void Start()
    {
        startPosition = transform.position;
    }
    
    void Update()
    {
        if (movingRight)
        {
            transform.Translate(Vector3.right * moveSpeed * Time.deltaTime);
            if (transform.position.x &gt;= startPosition.x + moveDistance)
            {
                movingRight = false;
            }
        }
        else
        {
            transform.Translate(Vector3.left * moveSpeed * Time.deltaTime);
            if (transform.position.x &lt;= startPosition.x - moveDistance)
            {
                movingRight = true;
            }
        }
    }
}

using UnityEngine;

public class MovingPlatform : MonoBehaviour

{

[SerializeField] private float moveSpeed = 2f;

[SerializeField] private float moveDistance = 3f;

private Vector3 startPosition;

private bool movingRight = true;

void Start()

{

startPosition = transform.position;

}

void Update()

{

if (movingRight)

{

transform.Translate(Vector3.right * moveSpeed * Time.deltaTime);

if (transform.position.x >= startPosition.x + moveDistance)

{

movingRight = false;

}

else

{

transform.Translate(Vector3.left * moveSpeed * Time.deltaTime);

if (transform.position.x <= startPosition.x - moveDistance)

{

movingRight = true;

}

このコードで、床が左右に往復します。

moveSpeedとmoveDistanceの値を変えると、動きが調整できます。

敵配置と行動パターン

横スクロールアクションでは、敵の配置が重要です。

プレイヤーの進行を妨げるように配置しますが、難しすぎないように調整します。

基本的な敵の行動パターンは、次の通りです。

パトロール（左右に往復）
待機（一定時間停止してから行動）
追尾（プレイヤーを追いかける）

最初は、シンプルなパトロールから始めましょう。

敵が左右に往復するだけで、ゲームらしさが出ます。

さらに高度な行動として、プレイヤーを追尾する機能も追加できます。

⚠️ 敵配置の注意点

敵を配置しすぎると、難しくなりすぎる
プレイヤーのジャンプ力で回避できる位置に配置する
最初のステージは簡単に、徐々に難易度を上げる

カメラ演出のテクニック

カメラ演出を工夫すると、ゲームがより魅力的になります。

代表的なテクニックをいくつか紹介します。

カメラの境界設定

カメラが動ける範囲を制限します。

これにより、ステージの端でカメラが止まります。

[SerializeField] private float minX = 0f;
[SerializeField] private float maxX = 100f;

void LateUpdate()
{
    Vector3 desiredPosition = target.position + offset;
    desiredPosition.x = Mathf.Clamp(desiredPosition.x, minX, maxX);
    Vector3 smoothedPosition = Vector3.Lerp(transform.position, desiredPosition, smoothSpeed);
    transform.position = smoothedPosition;
}