본문 바로가기

유니티

 (43)
[UIToolkit]UXML 템플릿 작성 - 1 UXML 템플릿은 사용자 인터페이스의 논리적 구조를 정의하는 XML 마크업을 사용하여 작성된 텍스트 파일입니다. 다음 코드 예제에서는 사용자에게 선택을 요청하는 간단한 패널을 정의하는 방법을 보여줍니다. 파일의 첫 번째 줄은 XML 선언입니다. 선언은 선택 사항입니다. 선언이 포함된 경우 첫 번째 줄에 있어야 하며 그 앞에 다른 내용이나 공백이 있으면 안됩니다. version속성은 필수 항목입니다. encoding속성은 선택 사항입니다. encoding이 포함된 경우 파일의 문자 인코딩을 선언해야 합니다. 다음 줄은 문서의 루트, 을 정의합니다. 요소에는 네임스페이스 접두사 정의에 대한 속성과 스키마 정의 파일의 위치가 포함됩니다. 이러한 속성은 특별한 순서 없이 지정할 수 있습니다. UI Toolkit..
[UIToolkit]UXML을 사용한 UI 구조 Unity UXML(Extensible Markup Language)파일은 사용자 인터페이스의 구조를 정의하는 텍스트 파일입니다. UXML형식은 HTML, XAML, XML에서 영감을 받았습니다. 이전에 이러한 형식으로 작업한 적이 있다면 UXML과의 유사점을 찾을 수 있습니다. 그러나 UXML 형식에는 Unity를 사용하는 효율적인 방법을 제공하기 위해 약간의 차이점이 있습니다. 이 섹션에서는 Unity가 지원하는 UXML 형식에 대해 설명하고 UXML 템플릿 작성, 로드 및 정의에 대한 세부 정보를 제공합니다. 또한 새 요소를 정의하는 방법과 UQuery를 사용하는 방법에 대한 정보가 포함되어 있습니다. UXML을 사용하면 기술 수준이 낮은 사용자가 Unity 내에서 사용자 인터페이스를 쉽게 구축할 ..
[UIToolkit]레이아웃 엔진 UI Toolkit에는 레이아웃 및 스타일 속성을 기반으로 시각적 요소를 배치하는 레이아웃 엔진이 포함되어 있습니다. 레이아웃 엔진은 HTML/CSS 레이아웃 시스템인 Flexbox의 하위 집합을 구현하는 Yoga의 레이아웃 원칙을 사용합니다. Yoga Layout | A cross-platform layout engine Why You May Consider Yoga PERFORMANCE Yoga was built to be fast and performance will always be one of Yoga's primary goals. For a layout engine to be able to power any range of applications, it needs to be fast and n..
[UIToolkit]Visual Tree ※반복되는 단어는 줄여서 표현하겠습니다! 줄여서 표현할 단어 뒤에 괄호로 어떻게 표현할지 표시한 후, 그 다음부터는 해당 단어를 줄여서 표현하고 있습니다. UI툴킷의 가장 기본적인 구성 요소는 visual element입니다. visual element는 부모-자식 관계를 가진 계층 구조의 트리로 정렬됩니다. 위 다이어그램은 계층 트리의 단순화된 예와 UI Toolkit의 렌더링된 결과를 표시합니다. Visual Element(VE) VisualElement클래스는 Visual Tree에서 모든 노드에 대한 base입니다. Visual Tree에서의 모든 노드는 VE를 기반으로 설계되었습니다. VE기본 클래스에는 스타일, 레이아웃, 데이터 및 이벤트 핸들러와 같은 모든 컨트롤에 대한 공통 속성이 포함되어..
[UIToolkit]UI Toolkit 개요 (사진 출처: 유나이트 서울 2020 - UI 통합 솔루션 UI Toolkit 살펴보기) UI Toolkit은 기존의 UI 시스템의 단점을 보완하기 위해 제작된 UI 시스템으로 레이아웃(UXML), 스타일(USS), 로직(C#)을 분리하여 UI를 설계할 수 있는 시스템입니다. 주로 기존의 IMGUI를 대체하기 위해 사용하는 것 같습니다. 기존 유니티의 UI 시스템보다는 웹 프론트 개발과 가까운 방식으로 설계되어 있습니다. UI Toolkit은 에디터 확장과 런타임을 모두 지원하고 있으며, 필요할 때에만 업데이트 되기 때문에 성능적으로도 유리함을 가지고 있습니다. 기존 IMGUI와의 호환성을 고려하여 'IMGUIContainer'를 이용해 IMGUI에서 사용하던 요소들을 UI Toolkit에서도 사용할 수..
유니티 Rest API 통신 UnityWebRequest 유니티에서 WWW을 지원하지 않는다고 발표한지 꽤 된거같은데 아직 WWW로 작성된 예제들이 많다. UnityWebRequset를 이용하여 로그인/로그아웃을 하고 파일(이미지)을 다운로드해오는 코드를 작성해보았다. 완성된 코드라고는 할 수 없겠지만, 기본적인 뼈대는 작성해놓았으니 여기서 필요한 부분만 수정해서 사용하면 될듯하다! using System.Collections; using System.IO; using UnityEngine; using UnityEngine.Networking; using UnityEngine.UI; public class InternetCheck : MonoBehaviour { private string token = null; private string login_email..
[유니티에셋]Obi Cloth 유니티 물리엔진 부드러운 옷, 바람에 날리는 깃발과 같은 고품질의 천을 어떻게 표현할 수 있을까? 직접 하나하나 구현해보는것도 재미있겠지만 물리학과 정말 친한게 아니라면 천의 역학을 구현한 샘플을 돈주고 사는게 맘이 편할 것이다. 이번에는 지난번 Softbody에 이어 같은 Obi사의 Cloth 에셋을 연구해보려고 한다. ​ Obi Cloth은 입자 기반 물리학을 이용하여 고품질의 유연한 옷감 시뮬레이션을 제공해주는 에셋이다. Obi에서 제공하는 핵심 기능은 '바람에 날리는 천 시뮬레이션', '천 충돌', '의류' 이렇게 3가지로 분류할 수 있다. ​ ​ Obi Cloth은 Obi 에셋중에 특이하게 무려 7개의 튜토리얼 영상이 있다. 하지만.. 이런 튜토리얼 영상들이 있어도 사용하기 정말정말 어려운 에셋중에 하나다. 신..
유니티 QR코드 동적생성 - ZXing 모바일이 아닌 기기에서 유니티로 만든 프로그램을 실행할 때, 모바일 기기와 연동을 위해 QR코드를 이용할 수 있다. 이때 사용할 QR코드가 한개면 그냥 이미지를 넣고 사용하면 되겠으나, 플레이어의 상태에 따라 미묘하게 QR코드가 달라진다면 그만큼의 이미지를 미리 준비해야겠죠. 근데 그 이미지의 가지수가 수백, 수천개를 넘어간다면? 이미지로 관리하는게 말도 안되는 상황이 올 것입니다. 그럴때는 QR코드가 필요할때 마다 QR코드를 동적으로 생성해서 표시해주는게 좋겠죠! ​ 이런 기능은 QR코드를 동적으로 생성해주고 읽는 'ZXing'라이브러리를 사용하시면 정말 쉽게 구현하실 수 있습니다. 사용법은 매우 간단합니다. 일단 아래 링크에서 'ZXing.net'을 들어가시고 깃허브에서 파일을 다운받아주세요. 우리가..

티스토리툴바