Enhancing your UI | NGUI for Unity

The drag-and-drop system

We will now create our own drag-and-drop system that will enable the user to select a power. They will be able to drag one of the two available powers inside a selection box as shown in the following screenshot:

Powers selection

Let's create a drag-and-drop system to select which of the two powers the player can choose: a Bomb power, which will explode or a Time power, which will slow down time for a few seconds.

Draggable items container

Let's start by creating a nice box for our powers and a draggable items container by performing the following steps:

Select our MainMenu GameObject and perform the given steps:
1. Create a new empty child GameObject by pressing Alt + Shift + N.
2. Rename it as Powers.
Select the Background and Label GameObjects from Sound:
1. Duplicate them.
2. Drag these new duplicates inside our Powers GameObject.
Select the Background GameObject in Powers and perform these steps:
1. Set its Dimensions to 320 x 420.
2. Set the Pixel Offset in UIAnchor to {0, -100}.
Select the...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

NGUI for Unity

By : Charles Bernardoff (EURO)

NGUI for Unity

By: Charles Bernardoff (EURO)

Overview of this book

The drag-and-drop system

Powers selection

Draggable items container

NGUI for Unity

By : Charles Bernardoff (EURO)

NGUI for Unity

By: Charles Bernardoff (EURO)

Overview of this book

The drag-and-drop system

Powers selection

Draggable items container

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access