Charles Bernardoff - NGUI for Unity [2014, PDF, ENG]

Chapter 1: Getting Started with NGUI 7
What is NGUI? 7
UnityGUI versus NGUI 7
Atlases 8
Events 8
Localization 8
Shaders 9
Importing NGUI 9
Creating your UI 10
UI Wizard 10
Window 10
Parameters 10
Separate UI Layer 11
Your UI structure 11
UI Root (2D) 11
Parameters 12
Camera 13
Parameters 14
Anchor 17
Parameters 17
Panel 18
Parameters 18
Summary 20
Table of Contents
[ ii ]
Chapter 2: Creating Widgets 21
Creating our first widget 21
Widget Wizard 21
Selecting an atlas 22
Creating a widget from a template 22
Transforming widgets 23
Moving widgets 23
Rotating widgets 23
Scaling widgets 24
Common widget parameters 24
Sprites 25
Sliced sprites 26
Tiled sprites 26
Filled sprites 28
Labels 28
Parameters 29
Creating the title bar 29
Buttons 31
Parameters 32
The play and exit buttons 33
Text input 35
Parameters 36
Creating a nickname box 36
Slider 38
Parameters 39
Creating a volume slider 39
Toggle 42
Parameters 43
Creating a sound toggle 43
Popup list 46
Parameters 46
Creating a difficulty selector 47
Summary 50
Chapter 3: Enhancing your UI 51
NGUI components 51
The draggable panel 52
Parameters 52
Dragging the MainMenu 53
Table of Contents
[ iii ]
The drag-and-drop system 54
Powers selection 54
Draggable items container 55
Draggable items 56
The drop surface 59
Prefab instantiated on drop 60
Handling an invalid drop 63
Replacing the current item 64
Removing the current item 66
Animations with NGUI 67
Smooth powers apparition 68
Clipping to hide options 68
Scrollable text 72
Localization system 73
Localization files 74
Localization component 74
Language selection box 74
Localizing a Label 76
Summary 77
Chapter 4: C# with NGUI 79
Events methods 79
Creating a tool tip 81
The tool tip reference 81
Showing the tool tip 82
Tween methods 84
Main menu apparition 85
Simple Tween 85
Smooth Tween 85
Using keys for navigation 86
Error notification 88
Saving the nickname 93
Sending messages 93
Forwarding an event 95
Summary 96
Chapter 5: Building a Scrollable Viewport 97
Preparing the Game scene 97
The scrollable viewport 98
Draggable background 99
Linking scroll bars 100
Keyboard scrolling 103
Table of Contents
[ iv ]
Creating draggable barriers 104
The BarrierObject prefab 105
Dropping a barrier on Viewport 107
Creating an ActiveBarrier prefab 109
The ActiveBarrier prefab 109
Instantiating the ActiveBarrier prefab 111
Barrier's building process 112
Forwarding events to viewport 114
BarrierObject cooldown 115
Cooldown implementation 115
BarrierObject smooth apparition 117
The barrier availability tool tip 117
Summary 118
Chapter 6: Atlas and Font Customization 119
The Atlas prefab 119
Creating a new Atlas 120
Adding sprites to Atlas 120
Simple sprites 121
Adding sprites to Atlas 121
Available powers icons 122
Selected powers icons 123
Sliced sprites 125
Adding a sprite to Atlas 125
Configuring a sliced sprite 126
The Main Menu window 127
Tiled sprites 128
Adding a font 129
Exporting a font using BMFont 129
Creating a font in Unity 131
Assigning a new font to Label 132
Customizing the MainMenu 133
Summary 135
Chapter 7: Creating a Game with NGUI 137
Enemy spawning 138
Creating the enemies container 138
Creating the Enemy prefab 138
Creating the enemy spawn controller 140
Forwarding events to viewport 143
Table of Contents
[ v ]
Handling enemy collisions 144
Collisions with active barriers 144
Colliding with the bottom of the screen 147
Healthbar 147
The EndOfScreen widget 149
Creating self-destruct code 150
The hacking slider 151
Self-destruct code 153
Assigning code to an enemy 154
The hacking process 155
Handling player input 158
Summary 159
Index 161