Chapter 5-4. 인벤토리 : 아이템 버리기, Input Field

Date: 2020.10.04 Updated: 2020.10.04

인프런에 있는 케이디님의 [유니티 3D] 실전! 생존게임 만들기 - Advanced 강의를 듣고 정리한 필기입니다. 😀
🌜 강의 들으러 가기 Click

Chapter 5. 인벤토리

🚖 인벤토리 영역을 벗어난 곳에 드롭하면 아이템이 버려지도록

아이템 버리려면
- 버리려는 아이템이 있는 슬롯을 인벤토리 바깥 영역으로 드래그 앤 드롭
- 바깥 영역으로 드롭 하면
  - 아이템 몇 개를 버릴건지 숫자를 작성할 수 있는 Input Field 를 띄운다.
- 갯수를 입력하면
  - 아이템 오브젝트들이 버려진 갯수 만큼 플레이어의 앞에서 생성된다.
  - 해당 슬롯의 아이템 갯수는 버려진 갯수만큼 차감된다.

📜Slot.cs

    // 마우스 드래그가 끝났을 때 발생하는 이벤트
    private Rect baseRect;  // Inventory_Base 이미지의 Rect 정보 받아 옴.

    void Start()
    {
        baseRect = transform.parent.parent.GetComponent<RectTransform>().rect;
        theWeaponManager = FindObjectOfType<WeaponManager>();
    }

    public void OnEndDrag(PointerEventData eventData)
    {
        if (DragSlot.instance.transform.localPosition.x < baseRect.xMin 
            || DragSlot.instance.transform.localPosition.x > baseRect.xMax
            || DragSlot.instance.transform.localPosition.y < baseRect.yMin
            || DragSlot.instance.transform.localPosition.y > baseRect.yMax)
        {
            Instantiate(DragSlot.instance.dragSlot.item.itemPrefab, 
                theWeaponManager.transform.position + theWeaponManager.transform.forward,
                Quaternion.identity);
            DragSlot.instance.dragSlot.ClearSlot();

        }
        DragSlot.instance.SetColor(0);
        DragSlot.instance.dragSlot = null;
    }

슬롯이 인벤토리 영역이 아닌 곳에 드롭 됐다면 아이템을 버리는 것으로 간주하여 처리해야 한다.

📜Slot.cs이 붙는 Slot은 프리팹이며 게임 플레이 중에 생성되므로 [SerializeField]를 사용하지 않고 FIndObjectOfType을 통해 baseRect를 초기화 해주었다.
- RectTransform 에서 Rect 가져옴.
OnEndDrag(PointerEventData eventData)
- 드래그가 끝나면, 마우스 드래그 대상이 되었던 슬롯에서 호출
- 드래그가 끝난 위치가 인벤토리 베이스 이미지를 벗어난 곳이라면 아이템 버리는 처리를 해야 함

Rect

RectTransform 은 Rect 를 가진다.
인벤토리 베이스 이미지의 2 D 사각형 정보를 Rect로 가져 온다.
- 2 D 사각형으로서의 넓이, 높이 등등의 정보가 담겨 있다.
- Rect에서는 왼쪽 상단을 x, y 시작점으로 본다.
다음과 같은 조건일 때, 아이템을 버리고자 한다고 본다.
- 드래그가 끝났을 때의 슬롯의 위치의 x 좌표가 인벤토리 베이스 이미지의 왼쪽 상단 (xMin)을 더 왼쪽으로 벗어났을 때
- OR 드래그가 끝났을 때의 슬롯의 위치의 x 좌표가 인벤토리 베이스 이미지의 오른쪽 상단 (xMax)을 더 오른쪽으로 벗어났을 때
- OR 드래그가 끝났을 때의 슬롯의 위치의 y 좌표가 인벤토리 베이스 이미지의 왼쪽 상단 (yMin)을 위쪽으로 벗어났을 때
- OR 드래그가 끝났을 때의 슬롯의 위치의 y 좌표가 인벤토리 베이스 이미지의 왼쪽 하단 (yMax)을 더 아래쪽으로 벗어났을 때
xMin은 앵커(원점)을 기준으로 width/2 만큼 왼쪽으로 떨어진 곳의 x 좌표라고 할 수 있겠다.
- 원점이 중앙이라면 xMin은 음수가 된다.
xMax은 앵커(원점)을 기준으로 width/2 만큼 오른쪽으로 떨어진 곳의 x 좌표라고 할 수 있겠다.
yMin은 앵커(원점)을 기준으로 height/2 만큼 위쪽으로 떨어진 곳의 y 좌표라고 할 수 있겠다.
- 원점이 중앙이라면 yMin은 음수가 된다.
yMax은 앵커(원점)을 기준으로 height/2 만큼 아래쪽으로 떨어진 곳의 x 좌표라고 할 수 있겠다.

🚖 아이템 버릴 때 버릴 갯수 입력 필드

InputField UI 만들기

InputNumber 빈 오브젝트. 📜InputNumber.cs 붙일 예정
- InputField 👉 Input Field UI
  - 아이템을 버리고자 할 때만 활성화 되기 위해 비활성화를 디폴트로.
  - Placeholder
    - “Enter text…” 처럼 입력하기 전에 미리 필드에 쓰여지며, 실제 입력을 시작하면 없어지는 텍스트.
  - Text
    - 필드에 실제로 사용자가 입력한 Text가 들어감
    - 버리고자 하는 아이템의 갯수를 입력
- OK Button 👉 Button UI
  - 갯수 입력 후 OK 버튼 누르면 아이템 버리는 실제 처리가 이루어지도록.
- Cancel Button 👉 Cancel UI
  - X 버튼
  - 입력 필드 닫음

📜InputNumber.cs

InputNumber에 붙인다.

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

public class InputNumber : MonoBehaviour
{
    private bool activated = false;

    [SerializeField]
    private Text text_Preview;  
    [SerializeField]
    private Text text_Input;  
    [SerializeField]
    private InputField if_text;

    [SerializeField]
    private GameObject go_Base;

    [SerializeField]
    private ActionController thePlayer;

    void Update()
    {
        if (activated)
        {
            if (Input.GetKeyDown(KeyCode.Return))
                OK();
            else if (Input.GetKeyDown(KeyCode.Escape))
                Cancel();
        }
    }

    public void Call()
    {
        go_Base.SetActive(true);
        activated = true;
        if_text.text = "";
        text_Preview.text = DragSlot.instance.dragSlot.itemCount.ToString();
    }

    public void Cancel()
    {
        activated = false;
        DragSlot.instance.SetColor(0);
        go_Base.SetActive(false);
        DragSlot.instance.dragSlot = null;
    }

    public void OK()
    {
        DragSlot.instance.SetColor(0);

        int num;
        if (text_Input.text != "")
        {
            if (CheckNumber(text_Input.text))
            {
                num = int.Parse(text_Input.text);
                if (num > DragSlot.instance.dragSlot.itemCount)
                    num = DragSlot.instance.dragSlot.itemCount;
            }
            else
                num = 1;
        }
        else
            num = int.Parse(text_Preview.text);

        StartCoroutine(DropItemCorountine(num));
    }

    IEnumerator DropItemCorountine(int _num)
    {
        for (int i = 0; i < _num; i++)
        {
            Instantiate(DragSlot.instance.dragSlot.item.itemPrefab,
                thePlayer.transform.position + thePlayer.transform.forward,
                Quaternion.identity);
            DragSlot.instance.dragSlot.SetSlotCount(-1);
            yield return new WaitForSeconds(0.05f);
        }
        
        DragSlot.instance.dragSlot = null;
        go_Base.SetActive(false);
        activated = false;
    }

    private bool CheckNumber(string _argString)
    {
        char[] _tempCharArray = _argString.ToCharArray();
        bool isNumber = true;

        for (int i = 0; i < _tempCharArray.Length; i++)
        {
            if (_tempCharArray[i] >= 48 && _tempCharArray[i] <= 57)
                continue;
            isNumber = false;
        }
        return isNumber;
    }
}

activated : 입력 필드가 활성화 되있을 때 True, 비활성화 상태일 때 False
text_Preview : Placeholder 의 텍스트. 드롭된 아이템의 갯수가 표시되도록 할 것이다.
- 👉 사용자가 별다른 입력을 하지 않으면 해당 슬롯에 있던 아이템 갯수만큼 전부 다 버려지도록.
text_Input : 사용자가 실제로 입력한 문자열이 들어갈 텍스트.
if_text : Input Field 의 텍스트를 참조하기 위해 Input Field 타입으로 선언.
- 입력 필드가 활성화 되면 기존에 사용자가 썼었던 텍스트는 지우고 공백으로 초기화 해야 한다.
- text_Input를 “” 공백으로 만드는 방법도 있지만 입력 필드 컴포넌트의 text 속성을 자식인 Text 에게 덮어 씌우는 방식이기 때문에, Text인 text_Input를 “” 공백으로 바꿔도 입력 필드 컴포넌트의 text 속성에는 사용자가 이 전에 입력했던 값이 남아 있으므로 여전히 사용자가 이 전에 입력했던 값이 Text 에게 덮어 씌워져 불러와지게 된다.
- 따라서 텍스트 초기화를 입력 필드의 자식인 Text에서 하지 않고 입력 필드 컴포넌트의 text 속성 값을 초기화 하기 위해 Input Field 타입으로 불러 온 것이다.

go_Base : Input Field 입력 필드 UI 오브젝트가 할당 될 것. 입력 필드 활성화/비활성화를 위해 GameObject로 불러 옴.
thePlayer : 카메라의 앞에서 버린 아이템을 생성하기 위해 📜ActionController.cs 참조

Call() 입력 필드 불러오기

    public void Call()
    {
        go_Base.SetActive(true);
        activated = true;
        if_text.text = "";
        text_Preview.text = DragSlot.instance.dragSlot.itemCount.ToString();
    }

이 함수는 슬롯의 드래그가 끝날 때, 즉 📜Slot.cs 의 OnEndDrag 에서 호출될 것이다.

입력 필드 활성화
activate True 설정
- 입력 필드 활성화 먼저 해주고난 후에 해주어야 런타임 에러 안남
- Update 함수에서 activate 값이 사용하여 입력 필드 조작을 할거라서
입력 필드의 텍스트 공백으로 초기화
- 이전에 한번 버린적 있다면 입력했던게 남아 있을테니
Placeholder의 텍스트를 드래그 된 슬롯의 아이템 갯수로 한다.
- 별다른 입력이 없다면 해당 슬롯의 아이템을 모두 버리도록 하기 위해

OK() 입력한 갯수만큼 아이템 버리는 실제 처리를 시작

    public void OK()
    {
        DragSlot.instance.SetColor(0);

        int num;
        if (text_Input.text != "")
        {
            if (CheckNumber(text_Input.text))
            {
                num = int.Parse(text_Input.text);
                if (num > DragSlot.instance.dragSlot.itemCount)
                    num = DragSlot.instance.dragSlot.itemCount;
            }
            else
                num = 1;
        }
        else
            num = int.Parse(text_Preview.text);

        StartCoroutine(DropItemCorountine(num));
    }

    IEnumerator DropItemCorountine(int _num)
    {
        for (int i = 0; i < _num; i++)
        {
            Instantiate(DragSlot.instance.dragSlot.item.itemPrefab,
                thePlayer.transform.position + thePlayer.transform.forward,
                Quaternion.identity);
            DragSlot.instance.dragSlot.SetSlotCount(-1);
            yield return new WaitForSeconds(0.05f);
        }
        
        DragSlot.instance.dragSlot = null;
        go_Base.SetActive(false);
        activated = false;
    }

    private bool CheckNumber(string _argString)
    {
        char[] _tempCharArray = _argString.ToCharArray();
        bool isNumber = true;

        for (int i = 0; i < _tempCharArray.Length; i++)
        {
            if (_tempCharArray[i] >= 48 && _tempCharArray[i] <= 57)
                continue;
            isNumber = false;
        }
        return isNumber;
    }

    void Update()
    {
        if (activated)
        {
            if (Input.GetKeyDown(KeyCode.Return))
                OK();
            else if (Input.GetKeyDown(KeyCode.Escape))
                Cancel();
        }
    }
    

OK Button의 이벤트 함수에 📜InputNumber.cs의 public void OK() 함수 등록

OK() 👉 OK 버튼 누르면 활성화
- 사용자가 입력한 텍스트가 있다면
  - 전부 숫자라면
    - 그대로 그 입력한 수만큼 버리도록 한다.
    - 단, 드래그 된 슬롯의 아이템 갯수를 초과한다면 드래그 된 슬롯의 아이템 갯수만큼 버리도록 한다.
  - 숫자 문자 섞여있거나 문자라면
    - 1 개만 버리도록 한다.
- 사용자가 입력한 텍스트가 없다면
  - 별다른 입력이 없다면 해당 슬롯의 아이템을 모두 버리도록 드래그 된 슬롯의 아이템 갯수로 했었던 Placeholder의 텍스트만큼 버린다.
- 실제로 아이템을 입력한 갯수만큼 버리는 DropItemCorountine(int _num) 함수를 실행한다.
CheckNumber(string _argString) 👉 텍스트에 문자가 섞여있다면 false, 전부 숫자라면 true 리턴
- 인수로 받은 텍스트를 char 타입의 문자열 배열로 변환하고 한글자 한글자 검사한다.
  - 아스키 코드가 47 ~ 57 사이의 문자면 숫자라는 의미
  - 아니라면 문자라는 의미
DropItemCorountine(int _num)
- 입력한 아이템 갯수만큼
  - 아이템 프리팹을 실제로 생성한다. 카메라보다 조금 앞에.
    thePlayer.transform.position + thePlayer.transform.forward
  - 드래그 된 슬롯의 아이템 갯수를 1 만큼씩 줄인다. (입력한 아이템 갯수만큼 반복)
  - 0.05 초씩 대기
- 드래그 된 슬롯 참조 초기화
- 입력 필드 비활성화
- activate False 설정

Cancel() 입력 필드 닫기

    void Update()
    {
        if (activated)
        {
            if (Input.GetKeyDown(KeyCode.Return))
                OK();
            else if (Input.GetKeyDown(KeyCode.Escape))
                Cancel();
        }
    }

    public void Cancel()
    {
        activated = false;
        DragSlot.instance.SetColor(0);
        go_Base.SetActive(false);
        DragSlot.instance.dragSlot = null;
    }

Cancel Button의 이벤트 함수에 📜InputNumber.cs의 public void Candel() 함수 등록

activate False 설정
드래그 했던 슬롯의 색상을 다시 투명하게
입력 필드 비활성화
드래그 했던 슬롯을 참조하던 dragSlot 초기화

📜Slot.cs

    private InputNumber theInputNumber;

    void Start()
    {
        baseRect = transform.parent.parent.GetComponent<RectTransform>().rect;
        theWeaponManager = FindObjectOfType<WeaponManager>();
        theInputNumber = FindObjectOfType<InputNumber>();
    }

    // 마우스 드래그가 끝났을 때 발생하는 이벤트
    public void OnEndDrag(PointerEventData eventData)
    {
        if (DragSlot.instance.transform.localPosition.x < baseRect.xMin 
            || DragSlot.instance.transform.localPosition.x > baseRect.xMax
            || DragSlot.instance.transform.localPosition.y < baseRect.yMin
            || DragSlot.instance.transform.localPosition.y > baseRect.yMax)
        {
            if (DragSlot.instance.dragSlot != null)
                theInputNumber.Call();
        }
        else
        {
            DragSlot.instance.SetColor(0);
            DragSlot.instance.dragSlot = null;
        }
    }

드래그를 끝낸 DragSlot의 위치가 인벤토리 베이스 이미지를 벗어났다면
- 또한 DragSlot에서 참조하는 슬롯이 존재 한다면
  - 인풋 필드를 활성화 하기 위해 📜InputNumber.cs 의 Call() 호출
드래그를 끝낸 DragSlot의 위치가 인벤토리 베이스 이미지를 벗어나지 않았다면
- 드롭 위치 대상이 된 슬롯에서 OnDrop 을 호출해 자리를 맞바꾸는 처리를 마친 후
- DragSlot은 초기화 한다.
- 이미지 불투명하게
- 드래그 대상이 된 슬롯에 대한 참조 끊음

🚔 다른 아이템들 설정

나뭇가지, 통나무 아이템으로 등록하기

이름 뒤에 Item 붙여주기
태그 레이어 모두 Item
📜ItemPickUp.cs 붙이기
- Item (ScritableObject) 각각 만들고 할당

풀 설정

풀을 벨 땐 따로 아이템을 생성하지 않고 자동으로 풀을 베자마자 인벤토리에 풀 아이템이 들어오도록 한다.
인벤토리의 풀을 버릴 떈 버려진 아이템으로 생성되지 않고 그냥 날라가도록 한다.

Leaf 아이템은 풀을 베면 인벤토리에 생성되며, 딱히 아이템 오브젝트로선 존재하지 않도록 할 것이라서 itemPrefab은 None 이다.

📜Grass.cs

    [SerializeField]
    private Item item_leaf;
    [SerializeField]
    private int leafCount;
    private Inventory theInventory;

    void Start()
    {
        rigidbodys = this.transform.GetComponentsInChildren<Rigidbody>();
        boxColiders = this.transform.GetComponentsInChildren<BoxCollider>();
        theInventory = FindObjectOfType<Inventory>();  
    }

    private void Destruction()
    {
        theInventory.AcquireItem(item_leaf, leafCount);

        for (int i = 0; i < rigidbodys.Length; i++)
        {
            rigidbodys[i].useGravity = true;
            rigidbodys[i].AddExplosionForce(explosionForce, transform.position, 1f); // 제자리에서 중력받아 그냥 떨어지는게 아니라 폭발 효과를 줌 (폭발 세기, 폭발 위치, 폭발 반경)
            boxColiders[i].enabled = true;
        }

        Destroy(this.gameObject, destroyTime);
    }

Grass는 프리팹이므로 Grass 영역이 아닌 📜Inventory.cs 를 참조하기 위해선 [SerializeField]보단 게임 시작 후 FindObjectOfType 로 찾아주었다.
풀 파괴시 Destruction()
```
theInventory.AcquireItem(item_leaf, leafCount);
```
- 풀은 파괴하자마자 자동으로 인벤토리에 들어가도록 한다.

item_leaf에는 Leaf 아이템 할당
leafCount 을 3 으로 하면 풀 파괴할 때마다 인벤토리에 3 개씩 들어가게 된다.

📜InputNumber.cs

    IEnumerator DropItemCorountine(int _num)
    {
        for (int i = 0; i < _num; i++)
        {
            if(DragSlot.instance.dragSlot.item.itemPrefab != null)
            {
                Instantiate(DragSlot.instance.dragSlot.item.itemPrefab,
                            thePlayer.transform.position + thePlayer.transform.forward,
                            Quaternion.identity);
            }
            DragSlot.instance.dragSlot.SetSlotCount(-1);
            yield return new WaitForSeconds(0.05f);
        }
        
        DragSlot.instance.dragSlot = null;
        go_Base.SetActive(false);
        activated = false;
    }

Leaf 아이템은 예외적으로 itemPrefab이 없기 때문에 이를 위해 런타임 오류를 방지하기 위하여 f(DragSlot.instance.dragSlot.item.itemPrefab != null) 인 경우에만 아이템 프리팹을 생성하도록 하였다.

🌜 개인 공부 기록용 블로그입니다. 오류나 틀린 부분이 있을 경우 
언제든지 댓글 혹은 메일로 지적해주시면 감사하겠습니다! 😄

맨 위로 이동하기

공부하는 식빵맘 👱‍♀️

Chapter 5-4. 인벤토리 : 아이템 버리기, Input Field

Chapter 5. 인벤토리

🚖 인벤토리 영역을 벗어난 곳에 드롭하면 아이템이 버려지도록

📜Slot.cs

Rect

🚖 아이템 버릴 때 버릴 갯수 입력 필드

InputField UI 만들기

📜InputNumber.cs

Call() 입력 필드 불러오기

OK() 입력한 갯수만큼 아이템 버리는 실제 처리를 시작

Cancel() 입력 필드 닫기

📜Slot.cs

🚔 다른 아이템들 설정

📜Grass.cs

📜InputNumber.cs

Unity Lesson 3 카테고리 내 다른 글 보러가기

댓글 남기기

최근 글 10 개 :)