Unity Canvas HUD
Текст написан JesusLuvsYooh / StephenAllenGames.co.uk
Конечный результат:
Часть 1
Пустой проект, импорт Mirror из Asset Store/ Discord Releases unity package.
Откройте свою сцену, для этого руководства мы будем использовать Mirror/Examples/Tanks
Вы уже должны быть знакомы с примерами и NetworkManager HUD, они выглядят примерно так:
Часть 2
Создайте канвас в сцене, щелкнув правой кнопкой мыши "UI canvas" или в меню вверху "GameObject, UI, Canvas". Поставьте canvas scaler на “Scale with Screen Size”, это поможет сохранить все одинакового размера как на экранах с низким, так и с высоким разрешением, и лучше всего установить его перед добавлением содержимого в канвас.
Затем создайте и прикрепите новый скрипт к канвасу, я назвал его CanvasHUD.
Часть 3
Откройте этот новый скрипт и откройте Mirror NetworkManagerHUD (для ссылок).
Добавьте следующий код в качестве начального шаблона для CanvasHUD.
Создайте кнопку внутри основного канваса и перетащите ее в переменную Canvas “ButtonHost”. В этом руководстве мы не будем слишком зацикливаться на макете и внешнем виде канваса, но проявите фантазию и разместите содержимое там, где вам заблагорассудится :)
Часть 4
Тест! Запустите игру и нажмите свою собственную “Host Button”, игра должна начаться.
Поздравляем, это первый шаг к использованию Unity Canvas с Mirror и обновлению с NetworkManagerHUD OnGUI.
Часть 5
Если вы проверите старый HUD, его можно обобщить на 2 части. Кнопки "Пуск" (перед подключением) и ‘Стоп’ (после подключения).
Создайте 2 панели пользовательского интерфейса внутри канваса, переименуйте их в Panel Start и Panel Stop, удалите компонент изображения из Panel Stop, таким образом, мы сможем отличить их друг от друга.
Перетащите вашу “Button Host” в Panel Start.
Часть 6
Добавьте следующие переменные в свой скрипт CanvasHUD, эти переменные охватывают большую часть того, что необходимо.
Далее, добавьте больше пользовательского интерфейса! Захватывающее право!:D
Пока не беспокойтесь о коде, посмотрите на изображение ниже, чтобы увидеть, что нужно.
Внутри “Start Panel” должны быть 3 кнопки, поле ввода и необязательный текст заголовка. Панель "Stop" должна содержать одну кнопку и 2 текста, которые вы можете удалить, добавить и настроить позже, но пока следуйте этому руководству, чтобы все совпадало.
Перетащите весь новый пользовательский интерфейс в переменные скрипта CanvasHUD, если вы правильно пометили их все при работе, это будет более простой задачей.
Часть 7
Теперь, чтобы код заставил все это работать, различные части будут сопровождаться комментариями для объяснения. И это все, теперь вы создали свой собственный пользовательский интерфейс Unity Canvas HUD или обновили OnGUI NetworkManagerHUD! :D
Last updated