Пользовательский интерфейс

Пользовательские интерфейсы представляют особый вызов для графических приложений. В PlayCanvas есть несколько вариантов создания пользовательских интерфейсов.

Компоненты Screen и Element (рекомендуется)

Intro

PlayCanvas реализует два компонента, которые могут служить основой для системы пользовательского интерфейса, работающей непосредственно в вашем WebGL-холсте. Компонент Screen - это контейнер пользовательского интерфейса, а компонент Element используется для добавления элементов пользовательского интерфейса. Основное преимущество заключается в том, что ваш пользовательский интерфейс существует в том же контексте, что и остальная часть вашей игры. Это позволяет взаимодействовать между приложением и пользовательским интерфейсом.

HTML и CSS

Веб-браузеры многие годы разрабатывали эффективные и оптимизированные системы для отображения сложных интерфейсов пользователям. В некоторых случаях использование HTML, CSS и DOM браузера подходит для вашего пользовательского интерфейса.

Основной недостаток использования DOM заключается в производительности. DOM не предназначен для работы в режиме реального времени с высокой частотой кадров. Перестройка страницы и сборка мусора могут вызывать заикания в вашем приложении. Если вы нацелены на стабильные 60 кадров в секунду в вашем приложении, это не лучший вариант.

Остальная часть этого руководства пользователя будет сосредоточена на системе компонентов Screen и Element и использовании их для создания пользовательских интерфейсов в PlayCanvas.