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

Pixi’VN не предоставляет встроенных компонентов для создания UI игры и не изобретает заново то, что уже существует в экосистеме JavaScript. Вместо того чтобы привязывать вас к конкретному фреймворку, он позволяет использовать любой внешний JavaScript-фреймворк на ваш выбор для создания UI, так что вы можете задействовать такие системы, как React, Vue и т. д., чтобы создавать сложные и высокопроизводительные UI-экраны.

Эта гибкость также делает Pixi’VN отличным решением для разработки с использованием ИИ: поскольку UI создаётся с помощью стандартных, широко используемых фреймворков, а не проприетарной системы, ИИ-ассистенты для написания кода уже хорошо знакомы с этими инструментами и могут очень эффективно генерировать, понимать и изменять код UI.

Pixi’VN предлагает функции для улучшения совместимости с другими JavaScript-фреймворками:

Различия между UI и холстом

По замыслу и проекту Pixi’VN, UI и холст — это два отдельных и независимых элемента. UI находится поверх холста и используется для создания кнопок, форм и т. д. Холст используется для отображения изображений, видео и т. д.

Вся информация о текущем состоянии холста включается в сохранение, и её можно восстановить до состояния предыдущего шага. Текущее состояние UI не будет включено в сохранения. Поэтому вам нужно управлять этим самостоятельно, сохраняя необходимую информацию в хранилище игры или в хранилище браузера.

На холсте вы можете добавлять компоненты на каждом шаге. В UI так делать нельзя, но вы можете создать несколько «экранов» и переключаться между ними.

На холсте можно добавлять только компоненты Pixi’VN. В UI можно добавлять любые компоненты HTML/PixiJS или использовать любую библиотеку UI-компонентов, что позволяет создавать гораздо более сложные интерфейсы.