[📜일지] 모바일 세로화면 RPG UI

[익명(110.47)]

모바일 RPG게임 UI를 만들어보고 있습니다. 기능을 구현하고나서 꼭 한번 씩 코드를 다시 보면서 정리를 하는데 그 때 이렇게 글도 쓰면 도움이 많이 되는 것 같아서 꾸준히 쓰려고 노력해보겠습니다.

화면 하단에 위치하게될 탭 버튼들입니다.

현재는 용병 탭을 우선적으로 구현해보고 있습니다.

최초에 용병탭을 클릭하게 되면 스크롤 뷰에 보유하고 있는 용병들이 추가되고 그 위에는 각 자리마다 던전에 데려갈 용병들을 배치할 수 있습니다.

보유하고 있는 용병 중 한 명을 클릭하면 위와 같이 해당 용병에 대한 각종 정보를 볼 수 있습니다.

스탯, 매크로, 스킬, 장비의 4가지 탭이 있으며 최초에 스탯 탭이 화면에 보여지게 됩니다.

가운데에 해당 용병의 이미지를 배치했고 양옆으로 해당 용병이 착용하고 있는 장비를 볼 수 있도록 슬롯을 배치했습니다.

양 옆의 화살표 버튼을 눌러 다른 용병의 정보를 볼 수도 있습니다.

메이플의 힘,민첩,지능,운 처럼 주가 되는 스탯을 네 개 정도 만들고 어떤 스탯에 투자하냐에 따라 올라가는 능력치(그 밑의 체력, 공격력, 방어력 등등)을 다르게 해 볼 생각입니다.

스크롤뷰에 용병들이 추가되었던 것과 마찬가지로 해당 용병의 직업에 따라 배울 수 있는 스킬들이 스크롤뷰에 추가됩니다.

스킬의 아이콘 이미지와 현재 레벨이 보여집니다. 만약 배우지 않은 스킬이라면 레벨 값을 0으로 했습니다.

특정 스킬을 클릭하면 스킬에 대한 상세 정보를 볼 수가 있습니다.

현재 보유중인 모든 장비가 스크롤뷰에 추가됩니다. 특정 장비를 장착하게 되면 해당 장비는 스크롤뷰에서 제거됩니다.

특정 장비를 클릭하면 세부 정보를 볼 수가 있고 장비 이름, 종류, 착용 가능 레벨, 주 스탯, 부 스탯 등을 출력하도록 할 예정입니다.

아직 배우고 있는 단계라 거침없이 조언해주시면 감사하겠습니다.

[익명(212.103)]

모바일 게임을 가로가 아니라 세로를 선택했으면 한손 조작하기 편하게 UI를 만드는게 좋지 않음? 위 스샷들 보면 "던전, 용병, 상점, 임시" 이 4개 빼고는 버튼들 전부 화면 가운데보다 위에 배치되어 있네.

[익명(110.47)]

혹시 참고할만한 게임을 알려주실 수 있을까요?? AFK아레나, 궁수의 전설, 끝판 헌터라는 게임을 참고로 하긴 했었는데 생각해보니 그런 것 같긴하네요

[Ha_rang(phr8812)]

세로 UI 중에서 진짜 잘 만든 건 클래시 로얄 같더라

[익명(110.47)]

참고해보겠습니다 감사합니다!