P2: 로비, 인게임 UI

어제 만들어둔 UISceneManager를 통해 인트로, 로비, 인게임 씬의 각각의 캔버스에 넣어주어 UIRoot위치로 base가 되는 UI를 생성하도록 하여 시간을 아낄 수 있었다.

둘다 빠르게 넣어주고 UI배치를 시작해보자.
Vertical, Horizantal, Grid Layout Group등의 레이아웃 컴포넌트를 이용하면 좋겠지만. 이번에는 하단 바 정도 말고는 크게 필요해 보이지 않아 일단은 패스하겠다.

UI_LobbyScene

대충 요런 구성으로 로비 배치하고 넘어가자.
기획을 개발하면서 하니 사실 뭘 넣어야할지 감이 안오다가 일단은 레퍼런스 게임은 랜덤 다이스랑 원랜디로 잡고 요즘 자주 사용하는 ui스타일로 하단바로 스르륵 넘어가는 걸 생각하고 구성하였다.

디자인은 인게임 플레이 어느정도 구현되면 소스를 찾으며 천천히 넣을예정이다.

요렇게 ui구조만 잡아놓고 빠르게 Middle Content부분에 버튼 넣어서 INGameScene으로 넘어가보자.

인게임 ui를 어떻게 배치할까..

지금 생각한 구성은 이러하다.

UI_InGameScene

Canvas
 ┗ SceneUIManager
     ┗ UIRoot
         ┗ UI_InGameScene
             ┣ Top_Bar        ← 플레이어 정보, 웨이브 일시정지 버튼
             ┣ Middle_FieldArea  ← 유닛 배치 영역 (5x3 그리드?)
             ┣ Bottom_Bar       ← 소환, 조합 등 버튼
             ┗ PopupETC   ← 추가적인 팝업들..조합표?강화,진화표, 적 정보?

내일 이어서 IngameScene UI 작업하고 플레이까지 시도 해보길..