MSW 인벤토리 시스템

💻  MSW X Super Hackathon 2022  참여를 통해 학습한 내용 로그입니다.
독학으로 습득한 내용임을 참고부탁드립니다. 

 

☠️ 목차 ☠️

1. UI 구축
2. 아이템 생성 로직
   • 키보드 i 를 눌렀을 때, 인벤토리 창 생성 
   • Inventorylogic 구현
     • Additem 함수
     • ItemCount 함수

 

 

---

🥇  UI 구축 

 

우선 MSW 자체적으로 인벤토리 UI 가 제공되기 때문에 손쉽게 생성이 가능하다.

좌측 상단에 가장 오른 쪽에 보이는 UI 아이콘을 클릭하면, 

 

 

이 창이 생성되는데

여기서 인벤토리를 클릭하면 

 

 

인벤토리UI 가 생성된다 

추가적으로 inventoryUI , slotUI 두 개의 컴포넌트가 생성된다. 

기초적으로 생성되는 시스템이 구축되어 있기 때문에 

우리는 아이템을 생성하거나 지우는 부분, 다른 부가적인 부분을 구현하면 된다. 

 

 

 

 

 

---

🥈 아이템 생성 로직 

기본적인 UI 환경을 구축했다면 ,  아이템을 생성하는 코드를 짜야한다. 

구현해야할 부분은 

• 키보드 i 를 눌렀을 때, 인벤토리 창 생성 
• Inventorylogic 구현
  
  • Additem 함수
  • ItemCount 함수

 

 

 

 

 

🏆  키보드 i 를 눌렀을 때, 인벤토리 창 생성 

우선적으로 키보드를 눌렀을 때 발생하는 keydownEvent 를 사용하여

i 를 클릭했을 때, inventory 가 열리도록 코드를 구현해주었다. 

inventory UI Entity 에 기본적으로 들어가있는 UIcomponent 에  Handler 를 추가해서 생성했고,

i 를 눌렀을 때, 인벤토리가 열려있지 않다면 UI Enable 을 true 로 바꾸고,

인벤토리가  이미 열려있다면 UI Enable 을 false 로 변경시켜 꺼주는 코드를 짰다.

이렇게만 짜면 돌아가지 않는다. 

UIpopup 로직에 UpdateState 를 밑에보이는 것과 같이 상태변경을 해줘야한다. 

 

즉 정리하자면 

i를 눌렀을 때, 인벤토리가 열려있지 않다면 인벤토리를 열어주고, 상태를 Popup 으로 변경.

i를 눌렀을 때, 인벤토리가 이미 열려있다면 인벤토리를 닫아주고, 상태를 IDLE 로 변경.

 

 

 

 

---

 

 

🏆  Inventorylogic 구현 

 

나중에 다른 component 에서 불러오기 편하도록 로직으로 구현을 해주었다.

(+ 로직을 불러오려면 _inventorylogic. ~ 이렇게 언더바를 추가해서 로직 이름을 쓰면 된다. )

 

property 는 이렇게 세개를 추가했고, 나중에 밑에서 설명할 것이니 넘어가자. 

 

 

 

 

 

기본적으로 아이템을 추가할 때 사용되는 함수를 구현했다.

여기서 보이는 itemCountFunc() 는 밑에 추가적으로 설명할 예정이고,

 

✨ 파라미터

• string itemName  :  먹은 아이템이 무엇인지 
• Entity TriggerBodyEntity  : 아이템을 먹은 Entity가 누군지 

파라미터 없이 local 에 player 를 _Userservice.Localplayer 을 사용하려고 했으나 , 

player 와 개인의 inventoryComponent 접근까지는 가능하지만 

안에 있는 아이템 갯수를 반환하는 것도 안 되고,  CreateItem 함수가 돌아가지 않았다. 

그래서 파라미터를 추가해서 inventoryComponent에 접근했던 것이다. 

 

✨ 코드 설명 

방금 추가된 아이템이 원래 인벤토리에 없었다면 CreateItem() 함수로 추가해주고

방금 추가된 아이템이 원래 인벤토리에 있었다면, 아이템 데이터에서 방금 추가된 아이템 이름과 같은 아이템의 count 를 + 1 만큼 추가해주는 것이다. 

-> 똑같은 아이템이 갯수만 1개인 채로 계속해서 인벤토리에 들어가는 것을 막으려는 행위다.

 

✨ 주의 

_ItemService:CreateItem() 이 함수는 서버에서만 호출이 가능하기 때문에 공간설정을 server 로 해주어야 한다. 

 

 

 

 

 

 

 

 

 

ItemCountFunc() 은 말 그대로 전체 아이템 갯수를 세주는 함수이다. 

윗 함수와 마찬가지로

✨ 파라미터

triggerbodyEntity 

 

✨ 코드 설명 

property 로 wholeItemcount 를 추가해준 후, 계속해서 카운트를 업데이트 해준다. 

유저의 인벤토리 아이템 리스트에 접근하여 

인덱스를 1부터 아이템 슬롯 갯수대로 돌면서 

한 아이템 슬롯에 몇 개의 아이템이 있는지 참조를 해와서 모두 더해주는 시스템이다. 

처음에는 한 아이템 슬롯에도 아이템 갯수가 써져있는데 전체 슬롯의 갯수만 반환해서 난감했는데,

이렇게 계속 반복문을 돌아 전체 모두를 더해주면 해결된다.

항상 아이템이 한 개 부족하게 출력돼서 리턴값을 + 1 해준 것이다. 

 

✨ 주의 

다시 아이템을 셀 때는 꼭 초반에 전체아이템 갯수를 0으로 셋팅해주어야 한다. 

(안그러면 갯수를 계속해서 더해서 셀 테니..)