무한 스크롤링 배경 벌어지는 문제

윗부분의 배경이 1픽셀씩 벌어지고 있다!

문제의 상황
- 무한 스크롤링되는 배경을 만들려고 했지만 배경이 벌어짐
- BackgroundSpawner
> 매 프레임마다 Time.deltaTime * speed만큼 이동

원인

- 매 프레임별 달라지는 deltaTime 값의 차이에 의해 벌어짐

- 예:

  1) 같은 배경이미지 1, 2, 3이 움직이면서 스크롤 배경을 생성

  2) 배경이미지 1의 위치가 -0.0083에 도달하면서(< 0) 시작 위치로 보냄

  3) 배경이미지 2의 위치가 -0.0071에 도달하면서 시작 위치로 보냄

  4) 시작 위치로 보낸 것은 같지만 현재 position에 더해서 이동하는 로직인만큼, 두 이미지 사이에 간격이 발생함

 

해결

- 0 넘어가는 시점에 차이값을 계산하여 시작 위치로 보낼 때 차이값만큼 더 밀어주기

 

 

최종

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

public class BackgroundSpawner : MonoBehaviour
{
    public enum LayerDepth { Base, Down, Middle, Light, Top }

    [Serializable]
    public class BackgroundLayer
    {
        public LayerDepth LayerDepth;
        public float Speed;
        public SpriteRenderer Prefab;
    }

    [SerializeField]
    private BackgroundLayer[] layers;

    private float backgroundXSize;
    private int backgroundsCount;
    private float backgroundXPositionIndex;
    private string layerNameByInt(int i) => ((LayerDepth)i).ToString();

    private float halfXWidth;
    private Dictionary<string, List<SpriteRenderer>> BackgroundLayersByDepth = new Dictionary<string, List<SpriteRenderer>>();
    private float screenX;
    private float _PPUinterpolation;
    private float backgroundRightStartPosX;

    private void Awake()
    {
        backgroundXSize = layers[0].Prefab.size.x;
        halfXWidth = backgroundXSize / 2f;
    }

    private void Start()
    {
        screenX = GameManager.Instance.ScreenRectInWorldSpace.x;

        backgroundsCount = Mathf.CeilToInt(screenX * 2 / backgroundXSize) + 1;  // 2개일 경우 이동할 때 공백이 생김을 방지하기 위함

        // 레이어별 오브젝트 생성
        for(int i = 0; i < layers.Length; i++)
        {
            backgroundXPositionIndex = -((float) backgroundsCount / 2);

            string currentLayerName = layerNameByInt(i);

            GameObject currentLayerObj = new GameObject(currentLayerName);
            currentLayerObj.transform.SetParent(transform, false);

            BackgroundLayersByDepth.Add(currentLayerName, new List<SpriteRenderer>());

            // 레이어 하단에 개수만큼 spriteRenderer 생성
            for (int j = 0; j < backgroundsCount; j++)
            {
                BackgroundLayer layer = layers[i];

                SpriteRenderer backgroundObject = Instantiate(layer.Prefab);
                backgroundObject.transform.SetParent(currentLayerObj.transform);
                backgroundObject.transform.localPosition = Vector3.zero + new Vector3((backgroundXSize * backgroundXPositionIndex) + halfXWidth, 0, 0);

                BackgroundLayersByDepth[currentLayerName].Add(backgroundObject);

                backgroundXPositionIndex++;
            }
        }

        _PPUinterpolation = (float) 1f / BackgroundLayersByDepth[layerNameByInt(0)][0].sprite.pixelsPerUnit;
        backgroundRightStartPosX = ((backgroundXSize * backgroundsCount) / 2f) ;
    }

    private void Update()
    {
        for (int i = 0; i < layers.Length; i++)
        {
            foreach (SpriteRenderer layer in BackgroundLayersByDepth[layerNameByInt(i)])
            {
                Vector3 moveDistance = (Vector3.right * layers[i].Speed) * Time.deltaTime;

                layer.transform.localPosition -= moveDistance;

                if (layer.transform.localPosition.x + halfXWidth < -screenX)
                {
                    float gapBetweenScreenAndLeftSide = -screenX - (layer.transform.localPosition.x + halfXWidth);
                    layer.transform.localPosition = new Vector3(backgroundRightStartPosX - gapBetweenScreenAndLeftSide, 0, 0);
                }
            }
        }
    }
}