목록임!#유니티 공부계속 추가 될거니까~~이제 배운거 사용!#04에 끝부분에서 설명 하였듯이. 이번에는 예시를 보고 하나 따라 만들어 볼 것입니당.예시 사진. (전에 있었지만 편의를 위해)따라 만들어 보기우선 이 예시를 따라 만들다 보면. 여러가지 추가로 더 설명할 것이 생기는데 그때마다 설명할 것입니당. 잘 봐주세여우선 잘 안 보이시겠지만. 이 UI(예시 사진)은 아래에 하얀색 박스와 위에 검은색 박스 2개로 분리되어 있습니다. 그러면 똑같이 분리 해주어야 겠죠.우리가 만들어뒀던 이 상태에서. 우리는 비주얼 엘리맨트를 2개만 사용할 것이기 때문에 아래에 2개는 지워주겠습니다.그러면 위와 같이 보일 것이에요 하지만 예시의 UI박스는 서로 붙어있죠, 이것도 따라 조정해주겠습니다. 가장 부모의 엘리맨트를 클..

목록 생김! 1부터 보시면 되용유니티공부!www.tistory.com](https://satangjhoa-blog.tistory.com/manage/posts?category=1232428)계속 추가 될거임!FLEX?단어는 익숙한데 여기에 있을만한 단어가 아니라고 느껴집니다... 우리가 아는 그 "FLEX"와는 다른 느낌이에요. 근데 느낌만 그런게 아니라 실제로도 다릅니다. 우리가 아는 "FLEX"는 화려한 느낌일거같지만 이 툴킷에서의 FLEX는 자식들의 레이아웃을 관리하는 곳 입니다.하지만 WEB(웹)의 경우는 툴킷과 다르게 FLEX 말고도 다른 여러가지 설정들이 있습니다.▶ 참고 사진요정도가 있겠네요. 이거 말고도 많습니다. 정말 많아요하지만 우리의 유니티는 그렇지 않고 오로지 FLEX하나만을 지원합..

전에 것들#01 Unity - UI툴킷이란 무엇일까#02 Unity - UI DOCUMENT 디자인안보고 오시면 이해 안되는 거 있을 수도 있어용. UXML(UI DOCUMENT) 디자인라이브러리(Library)에 Containers중에 있는 VisualElement를 하이라키창으로 가져온다.(드래그 앤 드롭)▶ 예시 사진가져왔다면 이렇게 하이라키창에 아까 집어넣은 VisualElement(비주얼 엘리멘트)비주얼 엘리멘트는 UI 툴킷중 가장 기본이 되는 구성 요소로 게임 UGUI의 게임 오브젝트와 이미지와 같은 역할을 모두 담당하는 구성 요소라고 영상에 나와 있다. HTML을 한 사람들은 div와 같다고 생각하면 편할 것이다. div는 웹 디자인을 할 때에 쓰이는 기본적인 박스라고 생각해도 좋을 것 같다..

# 01을 보고 오시면 편합니당. #01 Unity - UI툴킷이란 무엇일까곧 이전에 쓰던 CanvasUI가 사라지고 새로 UI툴킷이 생긴다고 한다. 그렇다면 UI툴킷이 뭘까? UI 툴킷은 웹 테크놀로지 (HTML, CSS, JS)에서 영감을 받아 만든 것이다. 그래서 실제로 사용할 때에도 HTML,satangjhoa-blog.tistory.com 저번에 봤던 UI DOCUMENT가 디자인을 하는것까진 알았다. 그러면 이제 어떻게 디자인을 하는지 알아보자. Scale ModeUI DOCUMENT를 하기 전에 #01에서 설명하지 못한 Panel Setting에 Scale Mode에 대해 조금 알아보겠다.Scale mode는 화면에 비율에 따라서 UI를 어떠한 크기로 그려줄지 정하는 것이다. 전에 우리가 사..

곧 이전에 쓰던 CanvasUI가 사라지고 새로 UI툴킷이 생긴다고 한다. 그렇다면 UI툴킷이 뭘까? UI 툴킷은 웹 테크놀로지 (HTML, CSS, JS)에서 영감을 받아 만든 것이다. 그래서 실제로 사용할 때에도 HTML, CSS, JS와 비슷한 느낌을 받을 수 있다.그러면 UI툴킷은 어떻게 써야할까솔직히 잘 모르겠어서 영상을 찾아봤다.https://www.youtube.com/watch?v=eeDjeziVEbA&t=917s이 영상이 도움이 많이 되었다. 내용또한 이 영상을 기반으로 하였다.영상을 보면 UI툴킷을 만들때에는 먼저 UI DOCUMENT를 만든다. 이 DOCUMENT(화면에 보이는 \표기가 있는 스크립트 파일)가(NewUXMLTemplate)이다. 웹 테크놀로지로 치면HTML인 셈이다. ..