Creating Curved UI in Unity for Virtual Reality

Introduction: Creating Curved UI in Unity for Virtual Reality

About: Hey I'm a Unity Developer. A Creative and Energetic mind who loves to solve complicated problems. With over three years of experience. I have developed a number games and applications using Unity and Unreal....

If your looking for a free and easy solution to create a curved user interface for your Virtual Reality Application or VR Game your at the right place. In this blog you will learn to create a curved ui element in unity using the Unity UI Extensions. This is not as fancy as the other paid assets available but works really well for static curved UI elements.

Teacher Notes

Teachers! Did you use this instructable in your classroom?
Add a Teacher Note to share how you incorporated it into your lesson.

Step 1: Download the Unity UI Extensions Package

Download the Unity UI Extensions package form the link. Once you’ve downloaded the package, import it to your project. Now, when you right click on the hierarchy you can see a new option called “Extensions” under ui.

Step 2: Add an UI Element

Add the UI element that you want to bend. It can be an Image, a button or even a Text.

Step 3: Add Curly UI Component

Select the UI element and in the inspector click add component and search for “curly”. You will find three components “Curly UI Graphic”, “Curly UI Image” and “Curly UI Text”.Use Curly UI Graphic for Raw Image, Curly UI Image for Image and Curly UI Text for Text. Simply add the component for your UI element.

Step 4: Bend the UI Element

Once you add the component you can see two new Child object called “BottomRefCurve” and “TopRefCurve” created under your UI element. By adjusting the control points, you can bend the ui elements to your will.

Be the First to Share

    Recommendations

    • Backyard Contest

      Backyard Contest
    • Silly Hats Speed Challenge

      Silly Hats Speed Challenge
    • Finish It Already Speed Challenge

      Finish It Already Speed Challenge

    2 Discussions

    0
    SalvatoreI4
    SalvatoreI4

    5 months ago

    Hi! First of all, great tutorial!
    I have a small question for you :) I'd like to have nested curved images, like buttons and texts in a menu panel: is adding to each single component the UICurly script the only solution to get this? Thank you!