Building a Scrollable Viewport

Creating draggable barriers

It is time to create our draggable barriers. The player will be able to drag-and-drop the BarrierObject prefab in the Viewport GameObject. This BarrierObject prefab will look as shown in the following screenshot:

The BarrierObject prefab

First, we need to create our BarrierObject prefab's holder that will contain the draggable object:

Select our UI GameObject.
Create a new child with Alt + Shift + N and rename it as Barrier.
Open the Widget Tool wizard by navigating to NGUI | Open and perform the given steps:
1. Select Sprite for the Template parameter.
2. Select Dark sprite for the Sprite field.
3. With our Barrier GameObject selected, click on the Add To button.
Select our new barrier's Sprite (Dark) GameObject and perform the following steps:
1. Rename it as Background.
2. Set its Sprite Type to Sliced.
3. Set its Color Tint to {0, 250, 250, 170}.
4. Set its Depth value to 0.
5. Set its Dimensions to 200 x 200.
Select our Barrier GameObject.
Attach a collider to it by navigating to NGUI | Attach...

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

Creating draggable barriers

The BarrierObject prefab

NGUI for Unity

By : Charles Bernardoff (EURO)

NGUI for Unity

By: Charles Bernardoff (EURO)

Overview of this book

Creating draggable barriers

The BarrierObject prefab

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