ݺߣ

ݺߣShare a Scribd company logo

NGUI 예제 둘러보기

•
•
Yo-Chang Song
Yo-Chang Song

레벨제로 4차 정기 세미나

1 of 22
Downloaded 12 times
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 Mouse Touch
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
감사니다.

More Related Content

NGUI 예제 둘러보기

  • 3. Tutorial 1 • Control 로 검색하면 다양한 프리팹 등장 • Widget Wizard가 구시대 유물이 되었습니다 • Example 0 - Control Widget 참조
  • 4. Tutorial 2 • 단축키 • Alt + Shift + N : 선택된 게임 오브젝트의 child로 새 로운 게임 오브젝트 생성 • Alt + Shift + C : box 콜라이더 추가 • Alt + Shift + P : pixel perfect
  • 5. Tutorial 3, 4 • 다양한 이벤트 • OnHover, OnTooltip, OnScroll • OnPress, OnSelect, OnClick, OnDoubleClick, OnDrag, OnDragOver, OnDrag • OnInput, OnKey Mouse Touch
  • 6. Tutorial 5 • 레이아웃 시스템 • UIAnchor가 Legacy로 변경되며 등장한 기능 • (Example 1 - Anchors 참조) • 말풍선처럼 크기가 동적으로 변경될 때 유용
  • 7. 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버전이후)
  • 8. Tutorial 6 • 스크롤 뷰 • NGUI - Create - Scroll View 실행 • child 게임 오브젝트에 UIDragScrollView, box 콜 라이더 추가
  • 9. Tutorial 7 • Atlas Maker • Font Maker
  • 11. Example 0 - Control Widget • 버튼 • 스크롤바 • 프로그레스바 • 팝업 리스트(콤보박스) • 체크박스 • group 옵션을 통해서 라디오버튼으로 활용가능
  • 12. Example 1 - Anchors • 총 9개의 기준점을 능동적으로 활용가능 • 반드시 화면 비율에 따른 변화를 확인!!!! • 특히 4:3, 16:9간의 차이 확인
  • 13. Example 9 - Quest Log • UIPlayTween • 클릭 이벤트를 통해서 열거나 닫는다. • UITable • 닫히고 열리는 부분을 자동적으로 정렬.
  • 14. Example 10 - Localization • Localization 텍스트 파일(csv형태) KEY Korean English title 제목 title contents 내용 contents
  • 15. Example 13 - Tabs • UIToggle • 체크박스에 사용되는 스크립트 • Group 옵션을 활용하여 on/off(라디오버튼) • UIToggledObjects • Awake 시 자동으로 변경 시 작동하도록 이벤트 등록 • 토클에 의해서 변경(onChange)될 때 Activate와 Deactivate에 등록된 게임 오브젝트를 on/off
  • 17. 인벤토리? • 플레이어가 보유한 아이템을 보여주는 메뉴 • 이름 / 종류 / 능력치 / 설명 등이 표현
  • 18. 구성 요소 • 아이템 슬롯 • 장착 슬롯과 보유 슬롯을 나누었으나 근본은 하나. • 아이템 유/무 (LZItemData class로 관리) • 아이템 아이콘을 표시할 UISprite 기본 • 이름을 나타내는 UILabel은 옵션 • Class : LZItemSlot
  • 19. 구성 요소 • 커서 • 숨겨져 있다가 클릭 시 나타난다. • Class : UICursor
  • 20. 이벤트 흐름 • 총 4개의 이벤트 발생 가능 상황 커서 상황 대상 슬롯 - - - 픽업 - O 대치 O O 적용 O -
  • 21. Demo