728x90 유니티/UI(User Interface)9 유니티 UI 속성 (Image & RawImage) 1. Image 이미지는 UI 시스템에서 스프라이트를 렌더링 하는 UI 요소이다. UI 시스템은 레이어 시스템이다. 우선순위를 두거나, 이미지의 변경이 필요한 경우 사용한다. 하지만 스프라이트는 텍스쳐보다 메모리를 더 많이 사용하고, 처리하는데 시간이 걸린다. ※ 씬에서는 스프라이트 렌더러를 사용하여, 스프라이트를 렌더링합니다. 1.1 속성 1.1.1 공통속성 Color : 색상을 설정한다. Material : 머티리얼을 설정한다. Raycast Target : 레이 캐스팅 사용 유무. 체크(✓)는 레이 캐스팅을 허용한다. Maskable : 마스크에 영향을 받을지 받지 않을지를 선택한다. 체크(✓)는 기본으로 허용 1.1.2 ImageType ImageType - Simple 단일 스프라이트만 사용한다.. 2020. 11. 15. 유니티 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. 이전 1 2 3 다음 728x90
