본문 바로가기
728x90

분류 전체보기42

유니티 UI Mask 1. 마스크 ( Mask ) 유니티 UI 시스템은 계층 구조를 가지고 있다. Mask 컴포넌트는 특정 영역을 설정하여, 나머지 부분을 가리는 데 사용된다. 영화 007시리즈의 오프닝 부분을 기억하는가? 마스크를 설명하기 위해 떠올린 것이 영화 007의 위 스크린샷 부분이다. 모든 부분이 가려진 가운데에 주인공이 나오는 장면이다. 영화와 같은 효과를 만들어주는 것이 마스크다. 마스크는 마스크로 설정된 영역만 보여준다. 아래의 이미지는 마스크가 해제된 상태이다. 위의 샘플에 마스크를 적용하면 아래와 같다. 마스크의 하위 요소의 실제 크기는 마스크 영역보다 크다. 계층구조는 Panel(회전 물결 이미지) - Mask(동그란 영역) - Image( 캐릭터 이미지) 이다. 계층 구조에서 마스크가 설정된 게임 오브.. 2020. 11. 14.
유니티 UI 속성 (Panel, Button, Text, Input Field) 1. 이벤트와 레이 캐스팅 (Event & Raycast) 사용자로부터의 이벤트는 이벤트 시스템에 의해 관리되며, 이벤트가 발생하는 것은 스크린 영역에서 발생한다. 레이 캐스팅은 스크린 영역에서 월드로 레이(광선)를 발사해 대상 오브젝트에 이벤트를 처리하도록 한다. UI 요소는 Interactable 또는 Raycast Target이라는 속성이 있다. Raycast Target을 승인하지 않을 경우에는 해당 UI 요소는 이벤트를 처리하지 않는다. 2. 마스크( Mask ) Mask 컴포넌트는 특정 영역을 마스크로 설정하여, 나머진 부분을 가리는데 사용된다. 이미지와 같은 그래픽적 특성을 가지는 UI 요소는 Maskable 속성을 가지고 있다. Maskable 속성의 기본 값은 체크된 상태이다. Maska.. 2020. 11. 13.
유니티 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.
728x90

티스토리툴바