[MMO RPG] 간단한 점수 UI 만들기

UI 버튼을 클릭하면 점수가 올라가는 UI를 생성하여 보겠습니다.

 

1. Hierarchy 빈공간에 우클릭한 뒤 UI -> Button을 클릭해 줍니다.

 

2. Cavas와 Button이 생성됩니다. Canvas는 UI를 배치할 수 있는 영역입니다. 이 Canvas 안에 Text, Button, Image 등등 여러가지 UI요소를 넣어 사용할 수 있습니다.

 

3. Canvas를 보기 위해서는 scene 상단에 있는 2D를 클릭합니다.

 

4. Cnavs에서 우클릭하여 UI에서 Text를 생성하여 상단에 옮겨 줍니다. 또 Scene에 있는 Button을 클릭하여 원하는 위치에 배치합니다.

 

5. UI 관련 스크립트를 작성합니다. (Canvas에 Add Component)

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class UI_Button : MonoBehaviour
{
    [SerializeField]
    Text _text;

    int _score = 0;

    public void OnButtonClicked()
    {
        _score++;
        _text.text = $"점수 : {_score}";
    }
}

 

6. Canvas에 적용한 Script에 Text 부분을 드래그 드롭을 통해 우리가 만든 Text를 넣어줍니다.

 

7. Button을 클릭하여 하단에 On Click()부분에서 +버튼을 클릭한 뒤 None(Object) 부분에 Canvas를 드래그 드롭 한 뒤 No Function 클릭 -> UI_Button(script 이름) -> OnButtonClicked() 

 

8. 이제 시작 버튼을 클릭하여 Button을 클릭하면 Text에 점수가 올라가는것을 보실 수 있습니다.

 

 

---------------------------------------------------------------------------------------------------------------------------

참고 : [인프런] Rookiss님의 [C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티  엔진