본문 바로가기

unity

유니티3D의 UI Toolkit (8) - 버튼 마우스 오버, 클릭 효과 지난번 게시글을 작성할 때는 날씨가 너무 따뜻해서 난리였었는데요. 그런데 어떻게 일주일만에! 이렇게 추워질 수 있는지 너무 큰 기후 변화 폭을 겪습니다. 하기사 '추워야 겨울'이라고 이제야 겨울에 걸맞는 느낌이 들긴 하네요 :) 눈 내리는 크리스마스에 어울리는 경쾌하고 신나는 크리스마스 음악 하나 공유드립니다. 들어놓고서 보시면 지루하지는 않으실 겁니다 ㅎㅎ 지난 게시글에서는 UI Toolkit 을 이용해 처음부터 새로 구성, 아래 화면을 완성하는데까지 이르렀는데요. https://itadventure.tistory.com/646 이번 시간에는 이 버튼 위에 마우스를 갖다 대거나 클릭하면 버튼의 배경색과 테두리 색상, 테두리 굵기 등이 바뀌는 부분을 진행하겠습니다. 이 방법이 웹개발자, 특히 퍼블리셔분 .. 더보기
유니티3D의 UI Toolkit (5) - 스크롤 UI 유니티 3D 의 UI Toolkit 에는 아래와 같은 스크롤 화면을 구성할 수 있는 UI 가 있는데요. 오늘은 해당 부분을 알아보도록 하겠습니다. 크리스마스 시즌이 다가오는 군요. 신나는 CCM 성탄 음악 영상 하나 공유드립니다. 글만 읽기 지루하다면 음악과 함께 들어보시면 어떨까요? 독자 여러분의 깊은 영혼의 샘을 회복하는데 도움을 드릴 것입니다 :) Scroll View ( 스크롤 뷰 ) 사용하기 적은 공간에 많은 요소를 표시하는데 있어서 Scroll View 만한 것이 없지요. Scroll View 란 스크롤바가 포함된 화면 요소를 말하는데요. 우선 UI Toolkit으로 배경창을 배치하는 부분은 적용했다고 보고 시작하겠습니다. UI Toolkit 에서 배경창 배치하는 부분은 아래 게시글을 참고해 .. 더보기
유니티3D의 UI Toolkit (4) - 버튼 클릭 이벤트 오늘은 지난 게시글에 이어 버튼 클릭시 이벤트를 발생, 텍스트 글자가 바뀌는 부분을 다뤄보겠습니다. https://itadventure.tistory.com/642 유니티3D의 UI Toolkit (3) - 배경창에 UI 배치하기 한글 폰트가 아쉬워, 유니티의 UI 툴킷을 살펴보는 중 한가지 아쉬운 소식을 전해드리자면, 미려한 예쁜 한글 폰트가 제대로 적용이 안된다는 것입니다. ( 유니티 2022. 3. 9f1 버전 기준 ) 물론 아직 itadventure.tistory.com 그리 다룰 부분은 많지는 않은데요. 짧게 마치도록 하겠습니다 :) 네이밍이 필요해 스크립트로 UI 요소를 제어하려면, 각 UI 요소마다 이름을 붙여 주어야 합니다. 배경창에 Popup 이라고 이름 지어주었듯이, Label(레이블).. 더보기
유니티3D의 UI Toolkit (3) - 배경창에 UI 배치하기 한글 폰트가 아쉬워, 유니티의 UI 툴킷을 살펴보는 중 한가지 아쉬운 소식을 전해드리자면, 미려한 예쁜 한글 폰트가 제대로 적용이 안된다는 것입니다. ( 유니티 2022. 3. 9f1 버전 기준 ) 물론 아직 알아내지 못한 것일수도 있지만요. 유니티에는 Font Asset Creator 라는 폰트를 이미지로 생성하는 도구를 사용할 수 있는데요. 이 도구를 이용하면 미려한 한글 폰트를 이용하는 방법은 있습니다만, UI Toolkit 에서는 이를 100% 활용할 수 없다는 점입니다. UI에서 사용하는 한글의 글자수가 적은 경우는 문제가 없으나, 사용하는 글자수가 조금만 많아지면 한글전체가 나오지 않는 것으로 보아 아직 영어 외에는 제대로 폰트 지원이 안되는 문제가 있는 것 같습니다. 그 점 고려하셔서 실무 .. 더보기
유니티3D - 3인칭 무빙 카메라 - 사이드 뷰 #2. 설명편 지난 게시글에서는 자모로봇 플레이어의 카메라 조작 방식을 변경하는 부분을 다뤄보았었는데요. https://itadventure.tistory.com/429 유니티3D - 3인칭 무빙 카메라 - 사이드 뷰 #1 지난 시간까지는 NPC와의 대화창에 대한 부분 최종 마무리하였습니다. https://itadventure.tistory.com/428 유니티3D - 대화창에서 NPC 를 바라보는 카메라 #2 지난 시간에는 Scene(씬)에 카메라를 1대 추가로 itadventure.tistory.com 플레이어가 화면의 오른쪽에 위치하도록 스크립트를 구성해보았습니다. 요새 3인칭 FPS 게임들은 많이들 이런 방식을 선호하지요. 물론 크레이는 다른 컨텐츠가 목표이긴 하지만요 :) 이번 스토리는 이러한 부분 외에도 몇.. 더보기
유니티3D - 3인칭 무빙 카메라 - 사이드 뷰 #1 지난 시간까지는 NPC와의 대화창에 대한 부분 최종 마무리하였습니다. https://itadventure.tistory.com/428 유니티3D - 대화창에서 NPC 를 바라보는 카메라 #2 지난 시간에는 Scene(씬)에 카메라를 1대 추가로 세팅하여 캔버스 UI를 통해 월드의 특정 구역을 카메라가 보이는 화면을 띄우는 부분을 살펴보았습니다. 마치 CCTV처럼 말이죠 :) ※ 편의상 쉬운 이 itadventure.tistory.com 이번 시간에는 1인칭/3인칭 무빙 카메라에 대한 부분을 다뤄 볼텐데요. 마우스를 통해 사방을 돌려볼 수 있는 카메라를 의미합니다. 1/3인칭 전환이라면 지난번에 다루어 본적이 있는데요. 그 때는 단순히 막대기 플레이어였지요, https://itadventure.tistor.. 더보기
유니티3D - 대화창에서 NPC 를 바라보는 카메라 #2 지난 시간에는 Scene(씬)에 카메라를 1대 추가로 세팅하여 캔버스 UI를 통해 월드의 특정 구역을 카메라가 보이는 화면을 띄우는 부분을 살펴보았습니다. 마치 CCTV처럼 말이죠 :) ※ 편의상 쉬운 이해를 위해 유니티의 단위 1을 1미터로 지칭하도록 하겠습니다., https://itadventure.tistory.com/427 유니티3D - 대화창에서 NPC 를 바라보는 카메라 #1 지난 게시글에서는 NPC곁에 다가가면 대화창이 나오는 부분을 살펴보았었지요. https://itadventure.tistory.com/426 유니티3D - NPC와 대화창 (설명편) 이번 게시글에서는 지난번에 작동해보았던 NPC와 대화 itadventure.tistory.com 이번 시간에는 그 후속편으로 플레이어가 NP.. 더보기
유니티3D - 대화창에서 NPC 를 바라보는 카메라 #1 지난 게시글에서는 NPC곁에 다가가면 대화창이 나오는 부분을 살펴보았었지요. https://itadventure.tistory.com/426 유니티3D - NPC와 대화창 (설명편) 이번 게시글에서는 지난번에 작동해보았던 NPC와 대화창 스크립트에 대한 설명을 드리도록 하겠습니다. https://itadventure.tistory.com/425 유니티3D - NPC와 대화창 지난 게시글에서는 군중 NPC들을 띄우 itadventure.tistory.com 이번 시간에는 대화창에 부가적으로 NPC 를 정면으로 비추는 카메라를 추가하도록 하겠습니다. 내용이 좀 길기 때문에 카메라2의 화면을 대화창에 추가하는 부분을 먼저 진행하겠습니다. 유니티에는 2개 이상의 카메라가 존재할 수 있는데요. 기본적인 Main .. 더보기