unity32 유니티3D의 UI Toolkit (8) - 버튼 마우스 오버, 클릭 효과 지난번 게시글을 작성할 때는 날씨가 너무 따뜻해서 난리였었는데요. 그런데 어떻게 일주일만에! 이렇게 추워질 수 있는지 너무 큰 기후 변화 폭을 겪습니다. 하기사 '추워야 겨울'이라고 이제야 겨울에 걸맞는 느낌이 들긴 하네요 :) 눈 내리는 크리스마스에 어울리는 경쾌하고 신나는 크리스마스 음악 하나 공유드립니다. 들어놓고서 보시면 지루하지는 않으실 겁니다 ㅎㅎ 지난 게시글에서는 UI Toolkit 을 이용해 처음부터 새로 구성, 아래 화면을 완성하는데까지 이르렀는데요. https://itadventure.tistory.com/646 이번 시간에는 이 버튼 위에 마우스를 갖다 대거나 클릭하면 버튼의 배경색과 테두리 색상, 테두리 굵기 등이 바뀌는 부분을 진행하겠습니다. 이 방법이 웹개발자, 특히 퍼블리셔분 .. 2023. 12. 17. 유니티3D의 UI Toolkit (5) - 스크롤 UI 유니티 3D 의 UI Toolkit 에는 아래와 같은 스크롤 화면을 구성할 수 있는 UI 가 있는데요. 오늘은 해당 부분을 알아보도록 하겠습니다. 크리스마스 시즌이 다가오는 군요. 신나는 CCM 성탄 음악 영상 하나 공유드립니다. 글만 읽기 지루하다면 음악과 함께 들어보시면 어떨까요? 독자 여러분의 깊은 영혼의 샘을 회복하는데 도움을 드릴 것입니다 :) Scroll View ( 스크롤 뷰 ) 사용하기 적은 공간에 많은 요소를 표시하는데 있어서 Scroll View 만한 것이 없지요. Scroll View 란 스크롤바가 포함된 화면 요소를 말하는데요. 우선 UI Toolkit으로 배경창을 배치하는 부분은 적용했다고 보고 시작하겠습니다. UI Toolkit 에서 배경창 배치하는 부분은 아래 게시글을 참고해 .. 2023. 11. 25. 유니티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(레이블).. 2023. 11. 20. 유니티3D의 UI Toolkit (3) - 배경창에 UI 배치하기 한글 폰트가 아쉬워, 유니티의 UI 툴킷을 살펴보는 중 한가지 아쉬운 소식을 전해드리자면, 미려한 예쁜 한글 폰트가 제대로 적용이 안된다는 것입니다. ( 유니티 2022. 3. 9f1 버전 기준 ) 물론 아직 알아내지 못한 것일수도 있지만요. 유니티에는 Font Asset Creator 라는 폰트를 이미지로 생성하는 도구를 사용할 수 있는데요. 이 도구를 이용하면 미려한 한글 폰트를 이용하는 방법은 있습니다만, UI Toolkit 에서는 이를 100% 활용할 수 없다는 점입니다. UI에서 사용하는 한글의 글자수가 적은 경우는 문제가 없으나, 사용하는 글자수가 조금만 많아지면 한글전체가 나오지 않는 것으로 보아 아직 영어 외에는 제대로 폰트 지원이 안되는 문제가 있는 것 같습니다. 그 점 고려하셔서 실무 .. 2023. 11. 19. 유니티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 게임들은 많이들 이런 방식을 선호하지요. 물론 크레이는 다른 컨텐츠가 목표이긴 하지만요 :) 이번 스토리는 이러한 부분 외에도 몇.. 2021. 7. 11. 유니티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.. 2021. 7. 3. 유니티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.. 2021. 6. 27. 유니티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 .. 2021. 6. 24. 유니티3D - NPC와 대화창 (설명편) 이번 게시글에서는 지난번에 작동해보았던 NPC와 대화창 스크립트에 대한 설명을 드리도록 하겠습니다. https://itadventure.tistory.com/425 유니티3D - NPC와 대화창 지난 게시글에서는 군중 NPC들을 띄우는 부분과 그 중에서 하나의 NPC를 프리팹으로 구워서 사용하는 방법을 알아보았습니다. https://itadventure.tistory.com/424 유니티3D - NPC 랜덤 메이커 UMA! ( 유니티 itadventure.tistory.com 지난번에 입력한 스크립트는 다음 4가지 종류의 오브젝트가 통신하는 구조로 되어 있는데요. 동작방식을 함축하면 아래와 같습니다. - 2)메인스크립트는 플레이를 시작하자마다 대화창을 감춥니다. 대사란은 대화창에 소속되어 있기 때문에 함.. 2021. 6. 22. 유니티3D - NPC와 대화창 지난 게시글에서는 군중 NPC들을 띄우는 부분과 그 중에서 하나의 NPC를 프리팹으로 구워서 사용하는 방법을 알아보았습니다. https://itadventure.tistory.com/424 유니티3D - NPC 랜덤 메이커 UMA! ( 유니티 다목적 아바타 ) #2 지난 게시글에서는 UMA 를 이용한 NPC 생성에 대해서 살펴보았습니다. https://itadventure.tistory.com/423 유니티3D - NPC 메이커? UMA! ( 유니티 다목적 아바타 ) #1 지난 시간까지는 NPC와의 대화창을 만들었.. itadventure.tistory.com 이번 시간에는 드디어 NPC를 만나면 대화창을 띄우는 부분을 살펴보도록 할텐데요. 그간 좀 욕심내서 NPC 대화창에 이미지 대신 NPC 얼굴을 정.. 2021. 6. 22. 유니티3D - NPC 랜덤 메이커 UMA! ( 유니티 다목적 아바타 ) #2 지난 게시글에서는 UMA 를 이용한 NPC 생성에 대해서 살펴보았습니다. https://itadventure.tistory.com/423 유니티3D - NPC 메이커? UMA! ( 유니티 다목적 아바타 ) #1 지난 시간까지는 NPC와의 대화창을 만들었다면, https://itadventure.tistory.com/422 유니티3D - NPC 대화창 #4. 이미지 UI, 그리고 마스크 이미지 지난 게시글에서는 리치 텍스트란걸 사용하여 대화창의 대사 itadventure.tistory.com NPC 하나를 의상을 입히고 체형을 조절하는 등의 커스터마이징은 실제 모델링에 비하여 볼 때 엄청난 시간 단축일텐데요. 그마저도 귀차니즘을 위하여 ( 크레이같은 사람일까요 ? :) ) 이번에는 NPC 를 랜덤으로 뽑아.. 2021. 6. 19. 유니티3D - NPC 메이커? UMA! ( 유니티 다목적 아바타 ) #1 지난 시간까지는 NPC와의 대화창을 만들었다면, https://itadventure.tistory.com/422 유니티3D - NPC 대화창 #4. 이미지 UI, 그리고 마스크 이미지 지난 게시글에서는 리치 텍스트란걸 사용하여 대화창의 대사에 색상을 넣는 방법과 크기를 조절하는 등 몇가지 방법을 살펴보았습니다. https://itadventure.tistory.com/421 유니티3D - NPC 대화창 #3. 대화 itadventure.tistory.com 이번 시간에는 인간형 NPC를 만들어 볼 차례입니다. 하지만 인간형 NPC 모델을 만드는 것은 꽤 어렵습니다. 그래서 에셋 스토어에서 쓸만한 NPC 가 없나 찾아보던 중 멋진 도구를 발견했습니다. 그것은 바로 NPC 랜덤 메이커 에셋입니다. 정확한 명.. 2021. 6. 14. 이전 1 2 3 다음
