[Unity] [풍선을 지켜라] 풍선과 장애물 만들기, 타이머 만들기

[풍선을 지켜라] 게임 기본 씬 구성하기(2-1)

기본 세팅

• 새로운 게임 만들기 [풍선을 지켜라] (Rise Up!과 유사)
• 게임 제작을 위한 기본 세팅을 하자.
• 새 유니티(MyShield)를 만들어 Scene을 MainScene으로 변경, Background는 'Hierarchy' -> 2D Object -> Sptites -> Square로 생성
• Balloon과 Shield도 동일하게 2D Object -> Sptites -> Circle로 생성
• 점수도 UI -> Legacy -> Text로 생성한 다음 인스펙터에서 리셋 한번 진행

풍선의 애니메이션화

• 이제 추가 기능들(풍선의 깜빡거리는 애니메이션과 쉴드의 움직임)을 구현해 보자.
• Assets 폴더에 Animations 폴더 하나 만들고 Balloon_Idle 애니메이션 클립 추가
• Balloon_Idle을 Balloon 오브젝트에 드래그 드롭 -> 그럼 Balloon의 Animator까지 생성 완료
• Balloon_Idle 더블 클릭 -> Balloon 선택 -> 녹화 버튼 -> 타임라인 20으로 이동해 RGB값 200, 200, 255 세팅 -> 40은 다시 원래대로 255, 255, 255 세팅 -> 녹화 버튼을 다시 한 번 누르면 Animation 저장이 된다.
• 플레이 해보면 깜빡깜빡거리는 애니메이션이 완성된 것을 볼 수 있다.

쉴드의 움직임 구현

• 이제 Shield의 움직임을 구현해 보자.
• Shield는 마우스의 위치와 함께 돌아다니게 됨. 그러니 화면 스크린에 떠돌아다니는 마우스의 위치를 메인 카메라가 찍고 있는 게임 월드(Shield 게임 오브젝트)의 위치로 바꿔 줘야함
• 이 역할을 해주는 스크립트를 만들어 보자.
• Shield 스크립트를 만들고, Shield 게임 오브젝트의 인스펙터 컴포넌트에 넣어주자.
• 일단 카메라에 접근해 보자.

    void Update()
    {
        Camera.main.ScreenToWorldPoint();
    }

• ScreenToWorldPoint: 스크린의 위치를 게임 월드상의 위치로 바꿔주는 함수
• 소괄호에는 위치를 넣어준다. 우리가 바꿔줘야 될 위치 = 마우스의 위치
• 입력 장치들의 값은 Input이라는 키워드를 통해 접근

    void Update()
    {
        Camera.main.ScreenToWorldPoint(Input.mousePosition);
    }

• '스크린 상의 마우스 좌표를 카메라가 찍고 있는 좌표로 바꿔준다' 작성 완료
• 이 변환된 값을 잠시 변수에 넣어주자.

    void Update()
    {
        Vector2 mousePos = Camera.main.ScreenToWorldPoint(Input.mousePosition);
        transform.position = mousePos;
    }

• 플레이 해보면, 마우스의 위치와 Shield의 위치가 똑같은 걸 볼 수 있다.

장애물 만들기 - 중력과 위치(2-2)

오브젝트들의 충돌 구현

• 떨어지는 장애물을 구현해 보자.
• Square 게임 오브젝트 만들고, Rigidbody 2D 컴포넌트 추가
• 플레이 해보면 잘 떨어진다. 충돌을 위해 Collider 2D도 추가하자.
  • Square는 Box Collider 2D, Shield는 Circle Collider 2D
• 플레이 해보면 박스와 쉴드가 잘 충돌힌다.
• 풍선과 부딪히면 게임오버가 되게 만들어야 하니 풍선에도 Circle Collider 2D 추가
• 이번에는 장애물이 랜덤한 위치에서 생성될 수 있도록 구현해보자.
• 장애물의 범위는 X -3에서 3, Y 3에서 5로 잡아주자.
• Square 스크립트 생성 -> Square 게임 오브젝트에 추가

    void Start()
    {
        Random.Range(-3.0f, 3.0f);
    }

• 랜덤한 값을 추출할 수 있게 Random.Range를 사용해 주었다.
• f면 뭘 써야 돼?

    void Start()
    {
        float x = Random.Range(-3.0f, 3.0f);
    }

• float에 담아야지요
• float x라고 하는 변수에다가 담아 주었다. 변수는 박스 변수는 박스

    void Start()
    {
        float x = Random.Range(-3.0f, 3.0f);
        float y = Random.Range(3.0f, 5.0f);
    }

• Y도 이어서 작성해 주었다.
• 그리고 Square라고 하는 Transform 안의 Position 값에 넣는다고 했다.
• Transform에 접근하려면?

    void Start()
    {
        float x = Random.Range(-3.0f, 3.0f);
        float y = Random.Range(3.0f, 5.0f);

        transform.position = new Vector2(x, y);
    }

• transform.position 이지요
• new Vector2라는 키워드를 통해서 아까 랜덤으로 도출한 값을 넣어주자.
• Vector2에는 첫 번째에 x, 두 번째에 y값이 들어감
• 플레이 해보면 랜덤한 위치에서 잘 생성된다.
• 이제는 랜덤한 위치뿐 아니라 랜덤한 사이즈로 나오게 구현하자.
• Square의 Scale에 랜덤한 값을 넣어주면 되겠다.
• size 변수에다가 0.5부터 1.5 사이의 값을 넣어보자.

    void Start()
    {
        float x = Random.Range(-3.0f, 3.0f);
        float y = Random.Range(3.0f, 5.0f);

        transform.position = new Vector2(x, y);

        float size = Random.Range(0.5f, 1.5f);
        transform.localScale = new Vector2(size, size);
    }

• transform.size라고 하면 나오지 않는다. transform.localScale이라고 해야 함
• 플레이 해보면 사이즈도 랜덤하게 잘 나온다.
• 이제 이게 한 번씩만 나오니까 반복적으로 생성될 수 있게 만들어 주면 되겠다.

장애물의 반복 생성 구현

• 반복적으로 생성하는 건 게임 매니저에서 작업한다. GameManager 오브젝트와 스크립트를 만들어 주자. 역시 오브젝트에 스크립트 컴포넌트 추가
• 이제 Square를 반복적으로 만들어주기 위해 Square를 Prefab화 하자.
• Assets에 Prefabs 폴더 만들고 Square 오브젝트를 Prefabs 폴더 안으로 넣어 Prefabs화. Square 오브젝트는 지워주자.
• 이제 GameManager에서 반복 생성 코드를 작성하자.
• 반복적으로 무언가를 실행시키는 함수는?

    void Start()
    {
        InvokeRepeating();
    }

• InvokeRepeating 이지요
• 여기에 메소드의 이름을 String 값으로, 문자열 값으로 넣어주면 된다.
• 일단 함수를 먼저 만들자.

    void Start()
    {
        InvokeRepeating("MakeSquare", 0f, 1f);
    }

    void Update()
    {

    }

    void MakeSquare()
    {
        Debug.Log("생성한다!");
    }

• 일단 디버그 로그를 적었다.
• InvokeRepeating 소괄호 안에도 MakeSquare를 넣어주고, 바로 실행시킬 거니까 0f라고 적는다. 얼만큼 자주 실행시키게 할 건지는 일단 1초로 설정하자(1f).
• 플레이 해보면 디버그 로그가 반복적으로 찍히고 있는 것을 볼 수 있다.
• 그럼 이제 이 디버그 로그 대신에 Square Prefab을 생성해주는 코드를 넣어주면 되겠다.
• Prefab을 반복적으로 생성해줘야 되니까 Prefab을 변수에 넣어야 한다.

public class GameManager : MonoBehaviour
{
    public GameObject square;

• public에 넣어줬다.
• 그리고 Prefab을 생성시킬 때 쓰는 코드가 또 있었는데?

    void MakeSquare()
    {
        Instantiate(square);
    }

• Instantiate 지요
• 소괄호 안에 square를 적어주면 박스 안에 있는 Prefab을 가져올 수 있게 된다.
• 실행 시키기 전, 게임 매니저에 Prefab을 넣어주자.
• 플레이 해보면, 랜덤한 위치에서 랜덤한 사이즈의 박스가 반복적으로 생성되는 걸 볼 수 있다.

시간 구현하기(2-3)

Time 변수로 시간초 구현

• 이제 0초에 멈춰 있는 시간을 올려주는 기능을 만들어 보자.
• 역시 GameManager로 가자.
• 저번에 시간이 흐르는 기능을 Time.deltaTime 코드를 사용해 만들었다.
  이번에도 이걸 쓰자. 시간을 담아줄 수 있는 변수 time

public class GameManager : MonoBehaviour
{
    float time = 0.0f;

• 일단 시간은 float으로 받아주자. 초기 값은 0초
• 이 time 변수에다가 Time.deltaTime을 더해주자.

    float time = 0.0f;

    void Update()
    {
        time += Time.deltaTime;
        Debug.Log(time);
    }

• 이제 시간이 0초에서 계속해서 더해지는지 확인할 필요가 있겠다. 그래서 디버그 로그도 넣어줬다.
• 플레이 해보면 로그에 시간이 제대로 보인다.
• 이제 이 값을 Text에다가 넣어주자. 그러기 위해서는 아까 Prefab을 넣어줬던 것처럼 변수를 하나 만들어 Text를 넣어주자.
• timeTxt 컴포넌트의 인스펙터 안 Text에 접근을 해야 함. 그걸 위해 변수를 만들자.

public class GameManager : MonoBehaviour
{
    public GameObject square;
    public Text timeTxt;

• square Prefab을 넣어줬던 것처럼 Text를 넣어줬다.
• 이 TimeTxt라고 하는 컴포넌트 안에 또 text가 따로 있으니까, Update에다가 time 변수, time 값을 넣어주도록 하자.

    void Update()
    {
        time += Time.deltaTime;
        timeTxt.text = time.ToString("N2");
    }

• 이 text는 String 값이라 했었다. 근데 time은 float이다. 자료형이 다름
• 그래서 이 float라고 하는 자료형을 text에 넣을 수 있게 String이라고 하는 자료형으로 바꿔야 한다. (= ToString 메소드 추가)
• 그리고 소수점 두 번째 자리까지 나오게 할 거니까 N2 사용
• 유니티로 돌아와서, 게임 매니저 인스펙터에 timeTxt를 넣어주고 플레이 해보면 Time도 잘 흐르는 것을 볼 수 있다.