본문 바로가기
728x90

전체 글55

유니티 UI - Canvas GUI(Graphical User Interface)이다. 본 글에서는 UI로 통합하여 표현한다. 1. 유니티 캔버스 ( Canvas )와 UI (User Interface) UI(User Interface)는 사용자에게 데이터를 보여주는데 최적화되어 있다. 우리가 접하는 인터넷, 애플리케이션들은 수많은 정보를 UI를 사용하여 표시한다. 그림, 글자, 표, 차트와 같은 것을 사용하여, 데이터를 직관적으로 표현해준다. 이처럼 UI는 애플리케이션을 구성하는데 없어서는 안 되는 중요한 요소이다. 유니티 UI는 캔버스 상에서 동작한다. Scene View에 UI 요소를 생성하면, 캔버스가 생성되고 자식으로 UI 요소가 생성된다. UI 요소들은 캔버스 안에 위치하도록 설정되어 있기 때문이다. UI 요소에는 But.. 2020. 11. 9.
유니티 UI - Layer 1. Layer 레이어는 층이다. 구조적으로 계층을 이룬다. 지층을 예로 들 수 있다. 우리가 밟고 있는 지면을 계속 파면, 그 아래에 있는 흙을 볼 수 있다. 컴퓨터에서 OSI Seven Layer라는 모델도 하나의 예이다. 각층의 역할을 정의하고, 이를 세분화한다. 이러한 개념은 포토샵 같은 이미지 편집 프로그램에 없어서는 안 되는 하나의 중요한 요소로 자리 잡았다. 선화와 채색을 레이어로 구분한다. 기본 채색에 레이어를 추가하여, 색상을 다양하게 표현한다. 레이어를 사용하기 때문에, 기존 채색된 부분을 변경, 수정 없이 자유롭게 색을 조합할 수 있다. 2. UI Layer 유니티 UI System은 계층구조를 이룬다. 각 층은 다른 계층에 영향을 주지 않는다. UI의 계층적 구성은 Canvas 및 .. 2020. 11. 7.
유니티 스프라이트 (Sprite) 1. 스프라이트 ( Sprite ) 스프라이트는 텍스쳐이며, 2D 그래픽 오브젝트이다. 스프라이트는 2D 그래픽에 사용된다. 스프라이트는 PNG, JPG와 같은 이미지 파일이 아니다. UI에 그림파일을 등록하고, Scene 화면에 드래그해보자. 이미지 파일은 단일 게임 오브젝트로 등록할 수 없다. 이미지 파일을 사용하기 위해서는, 스프라이트로 변환해야 한다. 유니티는 그림파일을 스프라이트로 변환하는 API를 제공하고 있다. 아래는 변환하는 방법이다. 그림파일 선택 → Texture Type → Sprite (2D and UI ) → Apply 스프라이트로 변환한 파일을 Scene View에 드래그하면, Scene View에 나타나는 것을 볼 수 있을 것이다. 1.1 스프라이트 모드 (Sprite mode.. 2020. 11. 6.
유니티 메쉬( Mesh ) & 머티리얼 ( Material ) 1. 메쉬 ( Mesh ) 폴리곤 메쉬는 3차원 컴퓨터 그래픽스에서 다면체의 형태를 구성하는 폴리곤과 정점들의 집합을 의미한다.(위키) 메쉬의 요소들은 Vertex (Vertices) , Edge, Face 등이 있다. Vertex : 좌표상의 한 점 Edge : 두 Vertices을 연결한 선. Face : Vertices을 연결한 면 … 유니티에서 이러한 정보를 생성하고, 수정하도록 하는 클래스가 메쉬이다. 메쉬는 Face를 구성하는데 최소 3개의 Vertices가 필요하다. 유니티는 삼각형을 기준으로 메쉬를 구성한다. 위의 사진에서는 4개의 Vectices로 페이스를 구성하고 있다. 유니티에 파일을 임포트 하면, 유니티 시스템에 의해 자동으로 유니티에 맞는 메쉬로 변환된다. ※ 임포트 한 메쉬 데이.. 2020. 11. 6.
728x90

티스토리툴바