Создание изогнутого пользовательского интерфейса в Unity для виртуальной реальности: 4 шага
Создание изогнутого пользовательского интерфейса в Unity для виртуальной реальности: 4 шага

Оглавление:

Anonim
Создание изогнутого пользовательского интерфейса в Unity для виртуальной реальности
Создание изогнутого пользовательского интерфейса в Unity для виртуальной реальности

Если вы ищете бесплатное и простое решение для создания изогнутого пользовательского интерфейса для своего приложения виртуальной реальности или игры VR, вы находитесь в нужном месте. В этом блоге вы научитесь создавать изогнутый элемент пользовательского интерфейса в единстве с помощью расширений пользовательского интерфейса Unity. Это не так необычно, как другие доступные платные ресурсы, но очень хорошо работает для статических изогнутых элементов пользовательского интерфейса.

Шаг 1. Загрузите пакет расширений пользовательского интерфейса Unity

Загрузите пакет расширений пользовательского интерфейса Unity
Загрузите пакет расширений пользовательского интерфейса Unity

Загрузите пакет Unity UI Extensions по ссылке. После того, как вы скачали пакет, импортируйте его в свой проект. Теперь, когда вы щелкаете правой кнопкой мыши по иерархии, вы можете увидеть новую опцию под названием «Расширения» под пользовательским интерфейсом.

Шаг 2. Добавьте элемент пользовательского интерфейса

Добавить элемент пользовательского интерфейса
Добавить элемент пользовательского интерфейса

Добавьте элемент пользовательского интерфейса, который вы хотите изогнуть. Это может быть изображение, кнопка или даже текст.

Шаг 3. Добавьте фигурный компонент пользовательского интерфейса

Добавить компонент Curly UI
Добавить компонент Curly UI

Выберите элемент пользовательского интерфейса и в инспекторе нажмите «Добавить компонент» и найдите «curly». Вы найдете три компонента: «Фигурная графика пользовательского интерфейса», «Фигурное изображение пользовательского интерфейса» и «Фигурный текст пользовательского интерфейса». Используйте фигурную графику пользовательского интерфейса для необработанного изображения, фигурное изображение пользовательского интерфейса для изображения и фигурный текст пользовательского интерфейса для текста. Просто добавьте компонент для своего элемента пользовательского интерфейса.

Шаг 4: согните элемент пользовательского интерфейса

После добавления компонента вы можете увидеть два новых дочерних объекта с именами «BottomRefCurve» и «TopRefCurve», созданные под вашим элементом пользовательского интерфейса. Регулируя контрольные точки, вы можете изменять элементы пользовательского интерфейса по своему желанию.