NGUI는 강력하고 최적화된, 견고한 UI 시스템이다. 유니티에서 GUI를 만들 때 사실상 표준으로 사용되고 있다. NGUI는 성능을 크게 저하시키지 않고도 멋지고 복잡한 사용자 인터페이스를 만들 수 있게 해준다. 이 책은 실용적인 튜토리얼로서, 완전하게 기능하고, 로컬라이즈된 메인 메뉴와 2D, 3D 인게임 사용자 인터페이스(UI)를 만드는 과정으로 안내한다.

■ 커스터마이즈 가능한 2D와 3D 인게임 UI 구성
■ NGUI를 사용한 옵션 저장, 볼륨 조절 구현, 애니메이션 실행, 매개변수 변경
■ 드래그 가능한 패널, 애니메이션, 콘텐츠 정렬, 로컬라이제이션을 사용해서 더 나은 UI 생성
■ 새로운 스프라이트와 폰트를 만들어서 사용자 인터페이스 커스터마이즈하기
■ 코드를 통한 게임 요소 제어와 요소들 사이의 충돌 처리
■ 효율적이고 사용자 친화적인 크로스 플랫폼 메인 메뉴 생성
■ 다양한 스크린 사이즈와 종횡비 처리

1장, ‘NGUI 시작’에서는 NGUI 기능과 작업 흐름을 설명한다. 플러그인을 가져오고, 첫 번째 UI 시스템을 만들고 구조를 알아본다.

2장, ‘NGUI 위젯 생성’에서는 첫 번째 위젯을 소개하고 설정하는 방법을 설명한다. 그리고 메인 메뉴를 만드는 방법까지 살펴본다.

3장, ‘UI 개선’에서는 드래그 가능한 윈도우와 스크롤되는 텍스트를 만들고 앵커를 지혜롭게 사용하는 방법을 설명한다. 또한 애니메이션과 NGUI 로컬라이제이션에 대해서도 살펴본다.

4장, ‘NGUI와 C#’에서는 툴팁, 트윈 등을 코딩으로 만드는 데 사용되는 C# 이벤트 메소드를 소개한다. 서로 다른 다양한 씬에서 유지되는 UI도 만들어 본다.

5장, ‘아틀라스와 폰트 커스터마이제이션’에서는 스프라이트와 폰트를 사용해서 UI를 커스터마이즈하는 방법을 설명하고, 메인 메뉴의 전체적인 모습을 변경해 본다.

6장, ‘인게임 UI’에서는 상호작용하는 버튼, 라이프 게이지, 캐릭터 위에 표시되는 플레이어 이름과 같은 인게임 2D 인터페이스 요소들을 소개한다.

7장, ‘3D UI’에서는 지면에 그려져 조명 효과를 받는 정지 메뉴 등의 3D 위젯을 게임 환경에 추가하는 방법을 다룬다.

8장, ‘모바일 플랫폼’에서는 게임이 안드로이드 기기에서 정상적으로 동작하도록 프로젝트를 준비하고 모바일 기기에서 발생하는 문제들을 해결하는 방법을 살펴본다.

9장, ‘스크린 사이즈와 종횡비’에서는 다양한 스크린 사이즈를 갖는 모든 모바일 기기에서 멋진 UI를 만드는 방법을 설명한다.

10장, ‘사용자 경험과 모범 실무’에서는 사용자 인터페이스 디자인 가이드라인, 사용자 경험, 시스템 효율성을 향상시키는 데 도움이 되는 테스트 방법에 대해 다룬다.

[목 차]

1 NGUI 시작
__개요
____라이선스
____UnityGUI 대 NGUI
____아틀라스
____이벤트
____지역화
____셰이더
__마지막 빌드
__NGUI 추가
____에셋 스토어에서 추가
____디스크에서 추가
____패키지 추가
__UI 루트 생성
__텍스트 표시
____레이블 위젯 생성
____글꼴 선택
____UILabel 매개변수
____레이블 설정
__위젯 매개변수
__스프라이트 표시
____스프라이트 위젯 생성
____UISprite 매개변수
____스프라이트 설정
________아틀라스 고르기
________스프라이트 고르기
____스프라이트 타입
________슬라이스
________심플
________타일
________필
__자세히 살펴보기
____UIRoot
________스케일링 스타일
________설정
____UIPanel
____카메라 시스템
__________직교투영 카메라
________UICamera
__요약

2 NGUI 위젯 생성
__컨트롤 프리팹
____Background
__프리팹 툴바
__버튼
____버튼 생성
____UIButton 매개변수
____Play 버튼
____Options 버튼
____Exit 버튼
__Options 윈도우
__팝업 리스트
____팝업 리스트 생성
____UIPopup list의 매개변수
__언어 선택 박스 생성
____배경 스프라이트 생성
____제목
____팝업 리스트
__입력 필드
____입력 필드 생성
____UIInput의 매개변수
____닉네임 박스
________입력 필드
__체크박스 추가
____체크박스 생성
____UIToggle의 매개변수
____사운드 토글 박스
________체크 박스
__슬라이더
____슬라이더 생성
____UISlider의 매개변수
____볼륨 조절
________음향 효과(SFX) 슬라이더
________음악 슬라이더
__요약

3 UI 개선
__NGUI 컴포넌트
__hover 상태일 때 버튼이 커지게 하기
____UIButton Scale
________사용
________매개변수
__메뉴 나타나게 하기
____트윈의 의미
____Tween Scale 컴포넌트
________사용
________매개변수
________설정
__메뉴 사라지게 하기
____UIPlay Tween
________사용
________매개변수
________설정
____게임 종료
________MenuManager 스크립트
________트윈에 Exit() 메소드 링크
__옵션 페이지로 전환
____Tween Position 컴포넌트
____메뉴 숨기기
________Tween Position 컴포넌트 설정
________Tween Position 실행
____옵션 페이지 나타나게 하기
________Tween Position 컴포넌트 설정
________Tween Position 컴포넌트 실행
__메인 메뉴로 돌아오기
____Confirm 버튼
____옵션 페이지 사라지게 하기
____메인 메뉴 나타나게 하기
__씬 초기화
____Options 페이지 가운데로 오게 하기
____initialization 스크립트
____MenuManager 스크립트
__볼륨 박스 사라지고 나타나게 하기
____Tween Alpha 컴포넌트
____볼륨 박스 페이드
________Tween Alpha 컴포넌트 설정
________Tween Alpha 실행
__그 외의 트윈 컴포넌트들
__드래그 가능한 윈도우
____UIDragObject
________사용
________매개변수
________설정
____갑자기 이동하는 윈도우
________메인 메뉴
__스크롤되는 텍스트
____텍스트 박스
____환영 인사 레이블
____클리핑
__닫기 버튼
____UIForward events
________메인 메뉴 닫기
________옵션 페이지 닫기
____UIEvent Trigger
________닉네임 강제 저장
__로컬라이제이션 시스템
____로컬라이제이션 파일
____UILocalize
____언어 선택
____남은 로컬라이제이션 키들
____마지막 수정
__앵커
____목적
____매개변수
____설정
__요약

4 NGUI와 C
__이벤트
____사용 가능한 메소드
____예제
__툴팁 생성
____툴팁 오브젝트
________위젯
________UITooltip
____툴팁 표시
____남은 툴팁 추가
__트윈
____Tween Scale
________DisappearOnClick 스크립트
________트윈 이펙트
__이벤트 딜리게이트
____콜백 메소드
____콜백 메소드와 이벤트 링크
________코드
________인스펙터
__키보드 키
____UIKey Binding
________매개변수
________설정
____UIKey Navigation
________매개변수
________설정
________마우스와 키보드 동작
__옵션 저장
____UISaved Option
________설정
____사운드 체크박스
__지속되는 UI
____싱글톤
________Singleton 클래스
________MenuManager 구현
____환영 인사 텍스트 제거
__요약

5 아틀라스와 폰트 커스터마이제이션
__텍스처 아틀라스
____아틀라스 프리팹
__새 아틀라스 생성
____Atlas Maker
____새 아틀라스
________필요한 에셋
________Game 아틀라스
____플레이 아이콘
__아틀라스에 스프라이트 추가
____심플 스프라이트
________아틀라스 갱신
________옵션 아이콘
________종료 아이콘
____슬라이스 스프라이트
________아틀라스 갱신
________버튼 배경
____타일 스프라이트
________아틀라스 갱신
________나무 텍스처
__폰트
____다이나믹 폰트
____비트맵 폰트
________폰트 메이커
________UIFont 컴포넌트
________툴팁 라벨
__큰 텍스처 표시
____UITexture 컴포넌트
________매개변수
________설정
__요약

6 인게임 UI
__게임
____게임 방식
____필요한 에셋
____유니티 패키지 추가
__드래그할 수 있는 파워 소스
____UICamera
____UIDragObject
____BoxCollider
__플레이어 움직이기
____땅 클릭해서 움직이기
____오브젝트로 이동
__플레이어 이름 표시
____인게임 2D UI 루트
____닉네임 프리팹
____P-layerName 컴포넌트
____FollowObject 컴포넌트
__파워 소스 원소 전환
____원소 전환 UI
________불 버튼
________나머지 원소 버튼
________FollowObject 컴포넌트
____GameManager 컴포넌트
____PowerSource 컴포넌트
____원소 전환 UI 숨기기
__원소 전환 충전 과정
____Progress 프리팹
____Progress 슬라이더 구현
____원소 버튼과 연결
__사용 불가능한 버튼
____EnableAllButtons () 메소드
____SetButtonState () 메소드
____버튼 상태 변경
__메인 메뉴에서 시작
__요약

7 3D UI
__3D 유저 인터페이스 소개
____3D UI Root
____스케일 조정
____스코어 카운터
________텍스트 레이블
________배경
________테두리 스프라이트
________위치와 회전
________ScoreController 컴포넌트
____정지 버튼
____정지 메뉴
________패널과 박스
________타이틀 바
________버튼
________정지 메뉴 표시
________버튼 링크
________키 바인딩
________인터랙션 오버라이드
__3D 환경 텍스트
__조명 효과
__요약

8 모바일 플랫폼
__안드로이드로 전환
__준비
__게임 테스트
____Bundle Identifier
____패키지 빌드
________Manual build
________Build and run
____테스트
__문제 수정
____자동 회전
____뒤로가기 버튼
____캐릭터 이동
____원소 전환 UI
________대기 상태 피드백 아이콘
________코드 구현
__커스터마이즈 가능한 UI
____드래그 가능한 UI 요소
____드래그 활성화
________CustomizableUIElement 컴포넌트
________GameManager 컴포넌트
____문제 발생 원인
__유니티 리모트
____필요 조건
____설정
____게임 테스트
__프로파일러
____기능
____기기에서 프로파일러 실행
__기기에서 디버깅
__요약

9 스크린 사이즈와 종횡비
__어댑티브 UI
__플렉서블 UI
__다중 비트맵 폰트
____SmallLato 폰트
____MediumLato 폰트
____LargeLato 폰트
____폰트 표시
__다중 아틀라스
____아틀라스 생성
________SDAtlas
________HDAtlas
________SHDAtlas
________ScreenAtlas
____테스트 버튼
________레퍼런스 아틀라스 변경
____스프라이트 이름 변경
__아틀라스 전환
____AtlasSwitchController 컴포넌트
____설정
____픽셀 스내핑
__폰트 전환
____ScreenFont
____ScreenFont 할당
__요약

10 사용자 경험과 모범 실무
__시작
__정의
____사용자 경험
____페르소나
____편리성
____몰입
____사용자 인터페이스 디자인
__게임에서의 사용자 인터페이스
__휴리스틱
____안내
________안내
________암시
________분류
________피드백
____작업량
________간결성
________정보 밀도
____분명한 컨트롤
________분명한 동작
________사용자 컨트롤
____적응성
________유연성
________커스터마이제이션
____에러 처리
________보호
________알림
________수정
____일관성
__게임 테스트
____테스트에 대한 조언
____언제와 무엇
________컨셉 프로토타입
________나머지 부분을 일찍 테스트하라
________버티컬 슬라이스
________가독성
________안내
________테스트 횟수
____편리성 테스트 방법
________준비
________플레이어 초대
________환경
________노트
________우선순위 매기기
__요약