NGUI 예제 둘러보기

NGUI 예제 둘러보기

2014. 7. 1. GM토튜

Tutorial 살펴보기

Tutorial 1

• Control 로 검색하면 다양한 프리팹 등장

• Widget Wizard가 구시대 유물이 되었습니다

• Example 0 - Control Widget 참조

Tutorial 2

• 단축키

• Alt + Shift + N : 선택된 게임 오브젝트의 child로 새로운 게임 오브젝트 생성

• Alt + Shift + C : box 콜라이더 추가

• Alt + Shift + P : pixel perfect

Tutorial 3, 4

• 다양한 이벤트

• OnHover, OnTooltip, OnScroll

• OnPress, OnSelect, OnClick, OnDoubleClick, OnDrag, OnDragOver, OnDrag

• OnInput, OnKey

MouseTouch

Tutorial 5

• 레이아웃 시스템

• UIAnchor가 Legacy로 변경되며 등장한 기능

• (Example 1 - Anchors 참조)

• 말풍선처럼 크기가 동적으로 변경될 때 유용

Tutorial 5• 약속된 텍스트 추가

• [b] : 볼드 (3.4버전이후)

• [i] : 이텔릭 (3.4버전이후)

• [u] : 밑줄 (3.4버전이후)

• [s] : 취소선 (3.4버전이후)

• [url=link] : url 주소 링크 생성(3.4.9버전이후)

• [00]~[ff] : 알파 변경(3.6.2버전이후)

Tutorial 6

• 스크롤 뷰

• NGUI - Create - Scroll View 실행

• child 게임 오브젝트에 UIDragScrollView, box 콜라이더 추가

Tutorial 7

• Atlas Maker

• Font Maker

Example 둘러보기

Example 0 - Control Widget• 버튼

• 스크롤바

• 프로그레스바

• 팝업 리스트(콤보박스)

• 체크박스

• group 옵션을 통해서 라디오버튼으로 활용가능

Example 1 - Anchors

• 총 9개의 기준점을 능동적으로 활용가능

• 반드시 화면 비율에 따른 변화를 확인!!!!

• 특히 4:3, 16:9간의 차이 확인

Example 9 - Quest Log

• UIPlayTween

• 클릭 이벤트를 통해서 열거나 닫는다.

• UITable

• 닫히고 열리는 부분을 자동적으로 정렬.

Example 10 - Localization• Localization 텍스트 파일(csv형태)

KEY Korean English

title 제목 title

contents 내용 contents

Example 13 - Tabs• UIToggle

• 체크박스에 사용되는 스크립트

• Group 옵션을 활용하여 on/off(라디오버튼)

• UIToggledObjects

• Awake 시 자동으로 변경 시 작동하도록 이벤트 등록

• 토클에 의해서 변경(onChange)될 때 Activate와 Deactivate에 등록된 게임 오브젝트를 on/off

인벤토리 만들기

인벤토리?• 플레이어가 보유한 아이템을 보여주는 메뉴

• 이름 / 종류 / 능력치 / 설명 등이 표현

구성 요소• 아이템 슬롯

• 장착 슬롯과 보유 슬롯을 나누었으나 근본은 하나.

• 아이템 유/무 (LZItemData class로 관리)

• 아이템 아이콘을 표시할 UISprite 기본

• 이름을 나타내는 UILabel은 옵션

• Class : LZItemSlot

구성 요소• 커서

• 숨겨져 있다가 클릭 시 나타난다.

• Class : UICursor

이벤트 흐름• 총 4개의 이벤트 발생 가능

상황 커서 상황 대상 슬롯

- - -

픽업 - O

대치 O O

적용 O -

Demo

감사합니다.