【unity】奥行きスクロール(パララックススクロール) を作る方法【背景画像】

奥行きスクロール(パララックススクロール) を作る方法

完成イメージ

星(遠い) → ゆっくり
星雲(中) → 普通
近い星 → 速い

すると 奥行きがある宇宙になります。

① 背景を3枚用意

Hierarchy

名前
BackgroundFar
BackgroundMiddle
BackgroundNear

作り方

右クリック

2D Object

Sprite

3つ作る

② 同じ宇宙画像を入れる

Inspector

Sprite Renderer

Sprite

宇宙画像を入れる

③ スケールを大きくする

Scale
X 20
Y 20

くらいでOK

④ 奥行きを作る

Positionをこうする

BackgroundFar
Z = 10

BackgroundMiddle
Z = 5

BackgroundNear
Z = 0

⑤ スクロールスクリプト作る

ParallaxScroll.cs(スクリプト)


  1. using UnityEngine;
  2. public class ParallaxScroll : MonoBehaviour
  3. {
  4.     public float speed = 1f;
  5.     void Update()
  6.     {
  7.         transform.position += Vector3.down * speed * Time.deltaTime;
  8.         if (transform.position.y < -20f)
  9.         {
  10.             transform.position = new Vector3(0, 20f, transform.position.z);
  11.         }
  12.     }
  13. }

これを3つの背景につける

⑥ それぞれ速度を変える

Inspector

遠い星
BackgroundFar
Speed = 0.3


BackgroundMiddle
Speed = 0.8

近い
BackgroundNear
Speed = 2

⑦ 完成