viewimage.php?id=2abcdd23dad63db0&no=24b0d769e1d32ca73cec82fa11d02831da48f5f7e7e334e6e7e5eac8fadd62f9ddc835d0f9332a2ec33dea40e0067dfa2fbe4ab7e6bb311993d74e7ffb8ed06bcc9fc4





안녕하세요. 오늘은 시술하는 UI 부분에 대해서 고민한 부분을 보여드리려고 해요!

머리를 받으려는 NPC를 눌렀을때, 뜨는 UI를 고민하고 있었어요.







viewimage.php?id=2abcdd23dad63db0&no=24b0d769e1d32ca73cec82fa11d02831da48f5f7e7e334e6e7e5eac8fadd62f9ddc835d0f9332a2ec33dea2d8c0279f86714d43dfc7a4701b7c057a69422d4d11532ec0b






최근에 유니티에는 이렇게 적용했습니다.

NPC를 선택했을때, 대상과 라미, 상하단 UI등 을 제외하고 나머지를 어둡게 하는 것을 적용해놨어요!

그리고 이제 여기서부터 그동안 저희가 고민한게 나오는데....







viewimage.php?id=2abcdd23dad63db0&no=24b0d769e1d32ca73cec82fa11d02831da48f5f7e7e334e6e7e5eac8fadd62f9ddc835d0f9332a2ec33dea40e0067dfa2fbe4ab7e6bb311dc1831d29a1dcd56bd45d5a





우선 npc가 원하는 머리는 저 말풍선 안에 뜨고,

플레이어가 이걸 눌러서 시술을 시작하도록 할 거에요!

보시는 것처럼 시술할 헤어스타일을 선택할때 뜨는 UI의 위치와 디자인을

어떻게 해야할지 정말 고심중에 있습니다...ㅜㅜ





viewimage.php?id=2abcdd23dad63db0&no=24b0d769e1d32ca73cec82fa11d02831da48f5f7e7e334e6e7e5eac8fadd62f9ddc835d0f9332a2ec33dea40e0067dfa2fbe4ab7e6bb3149c3d51b7dab8ad16ba022db






만약 가로형으로 한다면 머리선택 UI를 위에띄울까? 밑에띄울까?

패널을 반투명으로할까? 아님 완전 투명으로 할까?









viewimage.php?id=2abcdd23dad63db0&no=24b0d769e1d32ca73cec82fa11d02831da48f5f7e7e334e6e7e5eac8fadd62f9ddc835d0f9332a2ec33dea40e0067dfa2fbe4ab7e6bb311ac0d31f78afd9866b68f928





그리고 밑에 가로형으로 배치할지, 우측에 세로형으로 배치할지..

등등의 고민을 했어요.

저희가 고려하고 있는 부분은,

1. 맨 밑 하단의 버튼들을 누르면 나오는 UI와 겹쳤을때 어떻게 할지

2. 우측상단에 노리개를 내렸을때 겹치게 될 텐데, 이것들의 레이어를 각각 어떤 순서로 짜야할지

에 대한 부분 이었어요.

일단 저희가 생각했을때는 하단에 가로형으로 배치하는게 좋을 것 같다는 결론을 냈고

그 상태로 패널에 색을 한 번 넣어보았습니다.









viewimage.php?id=2abcdd23dad63db0&no=24b0d769e1d32ca73cec82fa11d02831da48f5f7e7e334e6e7e5eac8fadd62f9ddc835d0f9332a2ec33dea40e0067dfa2fbe4ab7e6bb314ac2dc4d7dfb8dd16b5df715





어떤 색이 어울릴거 같나요?ㅋㅋ

다른 UI와 겹쳤을때도 잘어울리도록 디자인하는 게 관건이네요.


viewimage.php?id=2abcdd23dad63db0&no=24b0d769e1d32ca73cec82fa11d02831da48f5f7e7e334e6e7e5eac8fadd62f9ddc835d0f9332a2e876fbb2eeb0078fa53a1c996f6d031a81e945f224eab91


viewimage.php?id=2abcdd23dad63db0&no=24b0d769e1d32ca73cec82fa11d02831da48f5f7e7e334e6e7e5eac8fadd62f9ddc835d0f9332a2e876fbb2eeb0078fa53a1c9c6f38031fc4e9d08224eab91




그리고 다음엔 머리 자르는 저희 메인 게임 하는 것중 컷팅쪽에 대해 말씀드릴게요!

컷팅 자체는 단순한 클리커 게임입니다ㅎㅎ

계속 개발일지 봐주셔서 감사합니다! 또 글쓰러 올게유~








viewimage.php?id=2abcdd23dad63db0&no=24b0d769e1d32ca73cec82fa11d02831da48f5f7e7e334e6e7e5eac8fadd62f9ddc835d0f9332a2ec33dea2d8c0279f86714d43dfc7a4701b49407a7927bd7821b74c160


(손님...? 원래 머리는 단발이십니다만...?)