Book Image

Learning NGUI for Unity

By : Charles Bernardoff (EURO)
Book Image

Learning NGUI for Unity

By: Charles Bernardoff (EURO)

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
Learning NGUI for Unity
Charles Bernardoff (EURO)
Dec, 2014 | 360 pages
No titles found
Table of Contents (17 chapters)
Learning NGUI for Unity
Learning NGUI for Unity
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Getting Started with NGUI
Getting Started with NGUI
Overview
Final build
Importing NGUI
Creating the UI Root
Displaying text
Widget parameters
Displaying a sprite
Under the hood
Summary
2
Creating NGUI Widgets
Creating NGUI Widgets
Control prefabs
The Prefab Toolbar
Buttons
The Options window
Popup List
The input field
Adding a checkbox
Slider
Summary
3
Enhancing Your UI
Enhancing Your UI
NGUI components
Enlarging buttons on hover
Menu appearance
Menu disappearance
Switching to options
Back to the menu
Scene initialization
Hiding and showing the volume box
More tween components
Draggable windows
Scrollable text
Close buttons
Localization system
Anchors
Summary
4
C# with NGUI
C# with NGUI
Events
Creating tooltips
Tweens
Event delegates
Keyboard keys
Saving options
Persistent UI
Summary
5
Atlas and Font Customization
Atlas and Font Customization
Texture atlas
Creating a new atlas
Adding sprites to the atlas
Fonts
Displaying large textures
Summary
6
The In-game User Interface
The In-game User Interface
The game
Draggable power sources
Moving the player
Player name display
The elemental source switch
The elemental switch charging process
The unavailable button
Launch from the main menu
Summary
7
3D User Interface
3D User Interface
Introduction to 3D user interface
The 3D environment text
Lighting effects
Summary
8
Going Mobile
Going Mobile
Switching to Android
Preparations
Testing the game
Corrections
Customizable UI
Unity Remote
The profiler
Debugging on the device
Summary
9
Screen Sizes and Aspect Ratios
Screen Sizes and Aspect Ratios
The adaptive UI
The flexible UI
Multiple bitmap fonts
Multiple atlases
Switching atlases
Switching fonts
Summary
10
User Experience and Best Practices
User Experience and Best Practices
How it all started
Definitions
User interfaces in games
Heuristics
Testing your game
Summary
Index
Index

Enlarging buttons on hover

Currently, only our button's color changes on mouse hover. We also want a smooth scale tween to make our button bigger to make the change more obvious. Good news: NGUI has a component for that.

UIButton Scale

The UIButton Scale component can trigger upscale or downscale animations on mouse hover or on press. Even though it is called UIButton Scale, it can work with any other non-button 2D or 3D GameObject matching these three conditions:

  1. It must have UIButton Scale attached.

  2. It must have a trigger Collider attached: box, capsule, sphere, and so on.

  3. It must reside on a layer included in the Event Mask of UICamera.

Now, let's see how it's used.

Usage

Let's add the UIButton Scale component to all three of our main menu buttons:

  1. In Hierarchy, select all three buttons: Exit, Options, and Play.

  2. At the bottom of the Inspector view, click on the Add Component button.

  3. Type scale with your keyboard to search for components with that word.

  4. Select Button Scale and hit Enter or click...

Previous Section
End of Section 3
Next Section