본문 바로가기

유니티3D

유니티3D의 UI Toolkit (8) - 버튼 마우스 오버, 클릭 효과 지난번 게시글을 작성할 때는 날씨가 너무 따뜻해서 난리였었는데요. 그런데 어떻게 일주일만에! 이렇게 추워질 수 있는지 너무 큰 기후 변화 폭을 겪습니다. 하기사 '추워야 겨울'이라고 이제야 겨울에 걸맞는 느낌이 들긴 하네요 :) 눈 내리는 크리스마스에 어울리는 경쾌하고 신나는 크리스마스 음악 하나 공유드립니다. 들어놓고서 보시면 지루하지는 않으실 겁니다 ㅎㅎ 지난 게시글에서는 UI Toolkit 을 이용해 처음부터 새로 구성, 아래 화면을 완성하는데까지 이르렀는데요. https://itadventure.tistory.com/646 이번 시간에는 이 버튼 위에 마우스를 갖다 대거나 클릭하면 버튼의 배경색과 테두리 색상, 테두리 굵기 등이 바뀌는 부분을 진행하겠습니다. 이 방법이 웹개발자, 특히 퍼블리셔분 .. 더보기
유니티3D의 UI Toolkit (7) - XML과 스타일 시트 다시 봄이 오려나 봅니다 :) 최근 이상 기온 때문인지 12월에 포근한 날씨를 경험하네요. 점점 계절의 경계가 불명확해져가는 것 같습니다. 생뚱맞지만 봄 분위기(?) 의 경쾌한 CCM 하나 올려드립니다. 이런 날씨라면 어울릴것 같기도 하네요. 취향에 맞으시면 틀어놓고 보셔도 좋을것 같습니다 :) 과거에 홈페이지 수주를 받아 제작하는 일을 했었는데요. 협업 개발이라서 저는 개발 파트을 담당했습니다. 당시 어떤 발주처에서 홈페이지 전체적인 디자인을 사계절마다 자동으로 바뀌는 기능을 요청해서 작업한 적이 있는데요. 기능단에서 날짜를 체크하여 봄, 여름, 가울, 겨울 계절마다 각각 색상과 이미지를 다르게 적용하도록 구현한 적이 있습니다. 요새 다크 테마와 비슷한 컨셉이기도 하지요. 당시에는 css 기술이 지금처.. 더보기
유니티3D의 UI Toolkit (5) - 스크롤 UI 유니티 3D 의 UI Toolkit 에는 아래와 같은 스크롤 화면을 구성할 수 있는 UI 가 있는데요. 오늘은 해당 부분을 알아보도록 하겠습니다. 크리스마스 시즌이 다가오는 군요. 신나는 CCM 성탄 음악 영상 하나 공유드립니다. 글만 읽기 지루하다면 음악과 함께 들어보시면 어떨까요? 독자 여러분의 깊은 영혼의 샘을 회복하는데 도움을 드릴 것입니다 :) Scroll View ( 스크롤 뷰 ) 사용하기 적은 공간에 많은 요소를 표시하는데 있어서 Scroll View 만한 것이 없지요. Scroll View 란 스크롤바가 포함된 화면 요소를 말하는데요. 우선 UI Toolkit으로 배경창을 배치하는 부분은 적용했다고 보고 시작하겠습니다. UI Toolkit 에서 배경창 배치하는 부분은 아래 게시글을 참고해 .. 더보기
유니티3D의 UI Toolkit (1) - 기본세팅과 '배경 창' 꾸미기 유니티 엔진의 UI 툴킷 ! UI 편집을 마치 비주얼 툴처럼~ 마치 HTML처럼~ 편집하는 기술이 있어서 흥미로와 조사해 보았습니다. 아직은 완전 편하지는 않지만 기능이 발전하기를 기대하며 말이지요 :) 사실 원래부터 이 기능은 있었는데요. 별도로 패키지를 설치해야 사용 가능했지만 유니티 2022년 3월 버전은 이 기능을 내장하고 있어 더 이상 패키지를 추가 설치할 필요는 없습니다. ( 2022.3.9f1 버전 기준 ) 거두절미하고 바로 살펴볼까요 ? 레엣취- 고우~ ※ 이번 내용은 유니티 기본 도구는 다룰수 있다는 가정하에 진행됩니다. UI 준비! 사실 UI 를 편집하기 위한 첫 준비가 약간 복잡합니다. 익숙해지면 문제는 없지만요 :) 먼저 UI Document ( UI 도큐먼트 ) 라는 걸 씬에 배치.. 더보기
윈도우 + PHP 8 + unity ( 4편, 유니티와 웹소켓하라! ) 독자님들 안녕하세요~ 크레이입니다. 이번 시간에는 지난 시간 다루었던 PHP 웹소켓에 이어서 ( 아래 링크 ) https://itadventure.tistory.com/629 유니티3D 게임엔진과 PHP 웹소켓 서버가 소통(통신)하는 법을 다뤄볼텐데요. 이번 내용은 유니티3D 사전 지식이 필요합니다. 유니티3D에 대한 지식을 쌓고 싶으신 분은 아래 게시글 모음의 유니티3D 영역을 참조해 주세요. https://itadventure.tistory.com/611 그럼 한 단계씩 시작해볼까요? 레엣츠 코우~ 이번 소스는 해외 유튜버 Nava 님의 게시글을 참조하여 일부 개조하였습니다. https://www.youtube.com/watch?v=4kWCo-rE8HY&t=1s ※ 주의 : Websocket 와 So.. 더보기
유니티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.. 더보기

티스토리툴바