유니티

Rect Transform은 게임오브젝트의 Transform과 같이 위치정보로 UI항목에 기본적으로 추가되어 있다.

GameObject>UI>Panel을  추가한다. 주된용도는 UI항목을 그룹화하는거다

씬뷰 오른쪽 위  2D를 눌러준다 

판넬이 보이게 조정한다.

Panel은 기본적으로 Image컴포넌트가 추가되어 있다

앵커프리셋

앵커프리셋은 Shift, ALT, ALT+SHIFT키의 조합에 따라 여러 모드가 있다.

기본앵커프리셋

Panel의 앵커프리셋 옵션은 가로세로가 모두 stretch모드로 되어있다. 판넬의 크기에 자동으로 맞춰진다.

정중앙 정렬, 왼쪽 상단 정렬  왼쪽 상하 리사이즈 정렬 

ALT키 조합의 앵커 프리셋 - 선택된 UI항목을 프리셋으로 이동시켜준다.

SHIFT키 조합의 앵커 프리셋  -  선택된 UI항목의 Pivot위치 변경

ALT+SHIFT - 2가지를 동시에 변경

앵커포지션 속성 - Rect Transform 속성 맨위에 있는 Pos X Y Z는 해당 UI 항목의 앵커 포인트를 기준으로 피벗 좌표가 얼마만큼 떨어져 있는지 나타내는 anchoredPosition이다. 

Image Component - Sprite만 사용가능하다.

04.Images/menu폴더에 있는 SF window파일을 Image컴포넌트의 Source Image속성으로 연결한다.

다음과 같이 앵커프리셋을 적용한다.

UI-Button을 하나 만든다. Button-Start라고 한다.

크기를 적당히 조정한다.

인스펙터의 Transition을 Animation으로 하고 Auto Generation을 누르면 자동으로 컨트롤러가 만들어진다.

Animator Button컨트롤러를 눌러보면 다음과 같이 애니메이터가 자동으로 생성되어 있다.

이제 마우스가 버튼위로 Roll-Over되었을때 약간 커지는 효과를 만들기 위해 Button을 고른후 Windows-Animation을 누르면 애니메이션클립을 수정할수 있다. 애니메이션뷰가 열리면 Normal에서 Highlighted로 변경한후 녹화버튼을 누른다.

Add Property>Rect Transform>Scale을 누러 추가한다.

스케일을 아래로 펼치고 약간 크게하기 위해 X Y Z를 1.1로 변경후 첫번째 프레임외는 우클릭 Delete를 하고 녹화버튼을 눌러 저장을 한다.

버튼의 이미지도 동그라미를 눌러 Button-Trimmed Image를 선택해 변경한다. 색도 바꿔준다.

버튼을 판넬에 2개더 추가하고 이름을 바꾸고 다음과 같이 배치한다. 버튼의 자식인 텍스트도 적당해 바꾼다.

게임 실행시 첫번째 버튼이 선택되도록 EventSystems의 First Selected 속성에 Button-Start를 끌어다 놓는다.

Button Event

버튼이 눌렸을대 어떤 작업을 할것인지 지정할 수 있다. Button컴포넌트 밑에 +버튼을 이용해 추가할 수 있다.

우선 빈게임오브젝트를 만들고 UIMgr로 이름짓고, UIManager 스크립트를 만든다.

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

public class UIManager : MonoBehaviour
{
    public void OnButtonClick(string msg) {
        Debug.Log($"Click Button : {msg}");
    }
}

Button 컴포넌트에서 +를 클릭후 UIMgr을 끌어다 연결해주고 OnButtonClick()을 선택한다.

위와 같이 Button-Start를 클릭했을때 호출할 함수를 인스펙터뷰에서 연결하는 방법은 귀찮고 제약이 있다.

따라서 스크립트에서 연결해 보겠다. 일단 호출할 함수를 No Function으로 한다.

UIManager 에 버튼의 동작을 정의한다.

특정 이벤트가 발생하면 호출할 함수를 연결하기 위해 AddListner(UnityAction call)함수를 사용한다. 함수를 연결하는 3가지 방법을 각 버튼마다 다르게 적용하였다.

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

public class UIManager : MonoBehaviour
{
    public Button startBtn;
    public Button optionBtn;
    public Button stopBtn;
    private UnityAction action;
    // Start is called before the first frame update
    void Start() {
        action = () => OnButtonClick(startBtn.name);
        startBtn.onClick.AddListener(action);
        optionBtn.onClick.AddListener(delegate{ OnButtonClick(optionBtn.name); });
        stopBtn.onClick.AddListener(() => OnButtonClick(stopBtn.name));
    }
    public void OnButtonClick(string msg) {
        Debug.Log($"Click Button : {msg}");
    }
}

준비

01.Scene 폴더를 선택후 메뉴에서 File>New Scene 선택후 새로운 씬을 생성한다. Basic을 선택하고 Create 버튼을 누른다. 씬의 이름은 Main으로 변경한다. 다운로드한 Resources/Texture폴더의 Menu 폴더를 04.Images폴더로 끌어다 놓는다.

Canvas 객체는 Canva 컴포넌트를 포함하고 있는 게임오브젝트의 일종이다. UI항목은 반듯이 이 Canvas 객체의 하위에 있어야 한다. 

GameObject>UI>Canvas를 선택 Canvas를 하나 만든다. 입력정보들을 Canvas에 전달해주는 EventSystem 객체도 자동으로 생성된다. 

EventSystem객체

Canvas 객체의 컴포넌트

Canvas 컴포넌트

UI항목을 화면에 배치하고 렌더링하는 역할 Render Mode옵션에 따라 UI항목의 화면 배치방식을 결정할 수 있다

Screen Space - Overlay

기본 설정값으로 최 상위 계층에 표현되고 일반적은 UI구성이며 어떤 3D 객체에 의해서도 가려지지 않는다. 화면 해상도에 맞춰 자동 조정된다.

Screen Space - Camera

UI 항목을 렌더링하는 별도의 카메라 설정 메뉴가 나타난다. 기본 Main Camera와의 충돌이 없도록 Clear Flag, Culling Mask, Depth속성을 적절히 설정해야 한다.

World Space

특정 게임 오브젝트에 Canvas객체를 추가하면 더는 Rect Transform의 영향을 받지 않으며 해당 게임 오브젝트의 위치에 영향을 받는다. 

유니티에서 제공하는 UI는 3가지가 있다.

• IMGUI (Immediate Made GUI) : 코드를 이용해서 UI를 표시하는 방법
• UI Toolkit : 현재 개방중, 속성을 수치로 관리
• UNIT UI (UGUI) : 게임 오브젝트 기반의 UI, UI요소를 컴포넌트로 구현

주인공이 죽으면  PlayerDie()::PlayerCtrl 함수에서 씬뷰의 모든 몬스터들을 찾아 SendMessage를 이용 하나하나 메세지를 보냈다. 만일 적캐릭터가 엄청 많다면 그닥 효율적인 방법이 아니다.

    void PlayerDie() {
        //MONSTER 태그를 가진 모든 게임오브젝트를 찾아옴
        GameObject[] monsters = GameObject.FindGameObjectsWithTag("MONSTER");
        foreach(GameObject monster in monsters) {  //모든 오브젝트를 순차적으로 불러옴
            monster.SendMessage("OnPlayerDie", SendMessageOptions.DontRequireReceiver);
        }
    }

순차적 호출 방식을 이벤트 구동방식으로 변경하자. 주인공이 죽었다는 이벤트를 시스템이 통보해주는 방식이다.

델리게이트

델리게이트는 함수(메서드)를 참조하는 변수를 의미한다. C++의 함수 포인터와 같은 의미이다. 사용하기전 아래와 같이 델리게이션 타일을 선언후 델리게이트타입을 이용 변수를 만들고 함수와 연결후 사용해야 한다.

using UnityEngine;

public class DelegateDemo : MonoBehavior
{
	//델리게이트 타입선언
	delegate float SumHandler(float a, float b);
	//델리게이트타입 델리게이트변수
	SumHandler sumHandler;
	//덧셈연산을 하는 함수
	float sum(float a, float b) {
		return a + b;
	}
	void Start() {
		sumHandler = sum;  //델리게이트변수에 함수를 연결
		float sum = sumHandler(10.0f, 5.0f);
		Dubug.Log($"Sum = {sum}"};
	}
}

주인공의 사망 이벤트 처리

PlayerCtrl() 함수내 델리게이트와 이벤트를 선언한다.

public delegate void PlayerDieHandler();  //델리게이트타입 선언
public static event PlayerDieHandler OnPlayerDie; //델리게이트 변수선언

PlayerCtrl() 함수내  PlayerDie()함수 내용을 지우고 OnPlayerDie()함수로 이벤트를 콜한다

void PlayerDie() {
    //MONSTER 태그를 가진 모든 게임오브젝트를 찾아옴
    /*
    GameObject[] monsters = GameObject.FindGameObjectsWithTag("MONSTER");
    foreach(GameObject monster in monsters) {  //모든 오브젝트를 순차적으로 불러옴
        monster.SendMessage("OnPlayerDie", SendMessageOptions.DontRequireReceiver);
    }
    */
    OnPlayerDie();  //주인공 사망 이벤트 호출(발생)
}

이제 MonsterCtrl를 변경한다. 우선 애니메이터의 "Die" 파라미터 해시값을 추출해 놓는다.

몬스트의 생명치를 저장할 hp변수를 만들어 놓는다.

 private readonly int hashDie = Animator.StringToHash("Die"); //파라미터해시값 추출
    
 private int hp = 100; //몬스터 생명점수

이제 MonsterCtrl에서 발생하는 이벤트에 반응할 OnPlayerDie()함수를 Player.OnPlayerDie와 연결한다.

PlayerCtrl는 스크립트이름인데 선언없이 사용가능하다. 교재는 PlayerCtrl이다. 변경하려고 했는데 자잘한 에러때문에 그냥 쓴다.

이벤트 스크립트는 반드시 스크립트의 활성화 시점에 연결하고 비활성화될때 해제해야 한다. 

MonsterCtrl Start()함수 앞에 OnEnable() OnDisable()함수를 추가한다.

    private int hp = 20; //몬스터 생명점수
    private void OnEnable() {  //스크립트가 활성활 될때 콜백되는 함수
        PlayerCtrl.OnPlayerDie += this.OnPlayerDie; //교재는 PlayerCtrl.
    }
    private void OnDisable() { //스크립트가 활성활 될때 콜백되는 함수
        PlayerCtrl.OnPlayerDie -= this.OnPlayerDie; //교재는 PlayerCtrl.
    }

몬스터의 사망처리

CheckMonsterState()에 state.DIE일 경우 코루틴을 빠져나가는 조건문을 추가한다.

IEnumerator CheckMonsterState() {
        while(!isDie) {
            yield return new WaitForSeconds(0.3f);
            if(state == State.DIE) yield break;  //몬스터 상태가 DIE면 코루틴 종료

OnCollisionEnter()함수에 충돌이 났을때 hp를 -10을 감소시키고 state를 DIE로 바꿔준다.

    private void OnCollisionEnter(Collision coll) {
        if (coll.collider.CompareTag("BULLET")) {
			//중략
            hp -= 10;
            if(hp <= 0) state = State.DIE;
        }
    }

state가 DIE로 변경되면 MonsterAction()코루틴에서 "DIE" 트리거가 일어나고 Collider가 비활성화돼 죽은 몬스터에 총을 발사했을때 혈흔이 일어나지 않는다.

IEnumerator MonsterAction() {
    while (!isDie) {
            //중략
            case State.DIE: //사망상태
                isDie= true;  
                agent.isStopped = true;  //추적 정지
                anim.SetTrigger(hashDie); // 애니메이트 hasDie 트리거발생
                GetComponent<CapsuleCollider>().enabled = false;  //충돌컴포넌트 비활성화
                break;
        }
        yield return new WaitForSeconds(0.3f);
    }
}

Monster의 die 애니메이션 클립을 MonsterAnim 애니메이터뷰에 추가하고 Any State->Die State로 Transition을 만든다. 조건으로 사용할 파라미터는 Trigger타입으로 die를 추가하고 설정한다. Die State는 마지막 스테이트인 Exit스테이트로 연결하고 각 Transition의 연결조건은 다음과 같다.

실행해보면 죽은 몬스터가 떠 있다. 0.5 모델/Monster폴더의 Monster의 Die 애니메이션의 프리뷰를 봐도 떠 있다.

05.Models>Monster>Monster모델 원본을 눌러 인스펙터에서

Animation 탭을 눌러 die애니메이션을 골라 프리뷰를 봐도 공중에 떠 있다. 몬스터 아래 원이 피봇위치이다. 피봇위치는 Transform.position이다

아래쪽 Root Transform Position(Y)의 Bake Into Pose를 체크하던지 Based Upon값을 Feed로 설정하면  Pivot좌표값이 발위치로 조정된다.

실행하려면 방금 몬스터 모델 원형을 변경했기 때문에 Apply를 물어보면 적용시킨다. 실행해보면 잘된다.

전체파일을 원하시는 분은 출판사의 깃허브에서 다운받으시길.

https://github.com/IndieGameMaker/SpaceShooter2021/releases/tag/6%EC%9E%A5

주인공 캐릭터의 hp가 0 이하일때는 죽는 애니메이션을 실행하고 나서 Game Over화면으로 넘어가게 된다.  계속 공격하는 몬스터에게 주인공의 죽음을 알릴 필요가 있다. 몬스터는 공격을 멈추고 추적도 정지하게 된다.

씬뷰의 오브젝트에 접근하는 방법중 Tag를 이용하는 방법이 있다.

Tag로 설정된 오브젝트를 하나만 리턴하는 함수와 여러개를 배열로 리턴하는 2가지 함수가 마련되어 있다.

GameObject.FindGameObjectWithTag(string tag);
GameObject.FindGameObjectsWithTag(string tag);

MOSTER라는 태그를 새로 추가하고 Monster의 태그로 지정한다. 없다면 +를 눌러 만든후 지정해 준다.

Player가 사망했을때 호출되는 PlayerCtrl스크립트의 PlayerDie함수에서 모든 몬스터를 찾아 공격 중지 함수를 호출하는 코드를 다음과 같이 추가한다.

PlayerCtrl - PlayerDie()

SendMessage() 함수는 "OnPlayDie()"가 해당 게임오브젝트의 스크립트에 있다면 실행하라는 거다. 두번째 인자는 함수가 없더라도 없다는 메시지를 반환하지 않겠다는 옵션이다. 

void PlayerDie() {
    //MONSTER 태그를 가진 모든 게임오브젝트를 찾아옴
    GameObject[] monsters = GameObject.FindGameObjectsWithTag("MONSTERS");
    foreach(GameObject monster in monsters) {  //모든 오브젝트를 순차적으로 불러옴
        monster.SendMessage("OnPlayerDie", SendMessageOptions.DontRequireReceiver);
    }
}

이제 MonsterCtrl에 - OnPlayerDie()함수를 추가하겠다.

private readonly int hashPlayerDie = Animator.StringToHash("PlayerDie");

void OnPlayerDie() {
    StopAllCoroutines();
    agent.isStopped= true;
    anim.SetTrigger(hashPlayerDie);
}

MonsterAnim을 더블클릭해 애니메이터를 열고 07.animations폴더에서 Monster@Gangnam Style애니메이션 파일을 드래그에 추가한다. 파라미터 +를 누르고 PlayerDie라는 이름의 Trigger를 만든다. Gangnam Style애니메이션은 주인공이 사망하는 경우에 실행할 것이므로 Any State에서 Gangnam Style 스테이트로 Transition을 연결하고 Gangnam Style에서 Exit로 가는 Transition도 연결한다.

Gangnam Style state를 한번만 클릭해서 인스펙터에서 Multiplier Parameter를 체크하면 자동으로 Speed가 생긴다

MonsterCtrl 스크립터에 아래 코드를 추가한다.

애니메이터의 Speed 변수를 랜덤으로 설정하고 Any->GangnamStyle transition을 트리거 시킨다.

private readonly int hashSpeed = Animator.StringToHash("Speed");

void OnPlayerDie() {
    StopAllCoroutines();
    agent.isStopped= true;
    anim.SetFloat(hashSpeed, Random.Range(0.5f, 1.2f));
    anim.SetTrigger(hashPlayerDie);
}

하이라키의 몬스터를 프로젝트 프리팹 폴더로 끌어와 프리팹을 만든다. 몬스터 프리팹을 끌어다 씬뷰에 여러개 배치한다.

다가가면 몬스터가 공격을 하고 HP가 0이되면 몬스터들이 승리의 강남스타일을 춤춘다.

처음에 잘안되서 디버깅 해보니 몬스트의 TAG는 MONSTER지만 wrist는 PUNCH로 되어 있어야 HP가 떨어진다.

만일 잘못되어 있다면 하이라키의 몬스터가 아니라 이제는 프로젝트 프리팹의 몬스터 프리팹을 수정해야한다.

using System.Collections;
using System.Collections.Generic;
using Unity.VisualScripting;
using UnityEngine;
using UnityEngine.AI;  //for Navigation


public class MonsterCtrl : MonoBehaviour
{
    //몬스트 상태 
    public enum State {  //인스펙터뷰에 콤보박스로 표시됨
        IDLE, PATROL, TRACE, ATTACK, DIE ,DANCE
    }

    public State state = State.IDLE;  //몬스트 현재상태
    public float traceDist = 10.0f;  //추적 사정거리
    public float attackDist = 2.0f; //공격 사정거리
    public bool isDie = false;  //몬스터사망여부

    private Transform monsterTr;  //컴포넌트의 캐시를 처리할 변수
    private Transform playerTr;  
    private NavMeshAgent agent;
    private Animator anim;

    public readonly int hashTrace = Animator.StringToHash("IsTrace");
    public readonly int hashAttack = Animator.StringToHash("IsAttack");
    private readonly int hashHit = Animator.StringToHash("Hit");
    private readonly int hashPlayerDie = Animator.StringToHash("PlayerDie");
    private readonly int hashSpeed = Animator.StringToHash("Speed");
    private GameObject bloodEffect;

    void Start()
    {
        monsterTr= GetComponent<Transform>();
        playerTr = GameObject.FindWithTag("PLAYER").GetComponent<Transform>();  
        agent = GetComponent<NavMeshAgent>();
        anim = GetComponent<Animator>();
        bloodEffect = Resources.Load<GameObject>("GoopSpray");
        StartCoroutine(CheckMonsterState());
        StartCoroutine(MonsterAction());
        
    }

    //일정한 간격으로 몬스터의 행동 상태를 체크
    IEnumerator CheckMonsterState() {
        while(!isDie) {
            yield return new WaitForSeconds(0.3f);
            //Player와 Monster간의 거리측정 스칼라값
            float distance = Vector3.Distance(playerTr.position, monsterTr.position);
            if(distance <= attackDist) {
                state = State.ATTACK; //Attack로 상태변경
            } else if(distance <= traceDist) {
                state = State.TRACE;  //Trace로 상태변경
            } else {
                state = State.IDLE;  //Idle로 상태변경
            }
        }
    }
    //몬스터의 상태에 따라 몬스터의 동작을 수행
    IEnumerator MonsterAction() {
        while (!isDie) {
            transform.LookAt(playerTr);
            switch (state) {
                case State.IDLE:
                    agent.isStopped= true; //추적을 중지
                    anim.SetBool(hashTrace, false);
                    break;
                case State.TRACE:
                    agent.SetDestination(playerTr.position);  //목표설정
                    agent.isStopped = false; //추적을 재개
                    anim.SetBool(hashTrace, true);
                    anim.SetBool(hashAttack, false); //공격파라메터 변경
                    break;
                case State.ATTACK: //공격상태
                    anim.SetBool(hashAttack, true);  //공격파라메터 변경
                    break;
                case State.DIE: //사망상태
                    break;

            }
            yield return new WaitForSeconds(0.3f);
        }
    }
    private void OnCollisionEnter(Collision coll) {
        if (coll.collider.CompareTag("BULLET")) {
            Destroy(coll.gameObject);             //충돌한 총알을 삭제
            anim.SetTrigger(hashHit);  //피격 리액셔  애니메이션 실행
            Vector3 pos = coll.GetContact(0).point;
            Quaternion rot = Quaternion.LookRotation(-coll.GetContact(0).normal);
            ShowBloodEffect(pos, rot);  
        }
    }
    void ShowBloodEffect(Vector3 pos, Quaternion rot) {
        GameObject blood = Instantiate<GameObject>(bloodEffect, pos, rot, monsterTr);
        blood.transform.localScale = new Vector3(5, 5, 5);  //효과가 작아서 확대했다.
        Destroy(blood, 1.0f);
    }
    private void OnDrawGizmos() {  //상태에 따라 기즈모 색깔 변경
        if(state == State.TRACE) {

            Gizmos.color = Color.blue;
            Gizmos.DrawWireSphere(transform.position, traceDist);
        }
        if(state == State.ATTACK) {
            Gizmos.color = Color.red;
            Gizmos.DrawWireSphere(transform.position, attackDist);
        }
    }
    void OnPlayerDie() {
        Debug.Log("PlayerDie");
        StopAllCoroutines();
        agent.isStopped= true;
        anim.SetFloat(hashSpeed, Random.Range(0.5f, 1.2f));
        anim.SetTrigger(hashPlayerDie);
    }
}