Международная школа программирования для детей Unity 2D презентация

Повтор

Сегодня на уроке…
Мы продолжим изучать UI
Добавим джойстик
Добавим кнопки для атаки и прыжка

Добавление джойстика
Мы бы могли бы добавить обычные кнопки для перемещения влево/вправо, однако замечали ли вы, что во всех геймпадах, а так же в большинстве мобильных игр, управление персонажа реализовано с помощью джойстика/стиков
Стики
Джойстик

Устаревший дизайн
Современный дизайн
Добавление джойстика
Согласно многолетним исследованиям, стики на геймпадах более удобный и функциональный вариант, в отличии от старых аналогов
С помощью них можно отслеживать едва заметное смещение стика, для более плавного перемещения
Например при слабом смещении стика персонаж может идти, а при сильном бежать. А так же эта система очень удобна в применении

Добавление джойстика
Создатели мобильных игр так же быстро решили использовать схожий способ перемещения в своих играх
В мобильных играх такие UI элементы называют джойстиками (joystick)
Создать самостоятельно джойстик в Unity было бы сложно, однако к счастью, тут нам поможет Asset Store
Джойстик
Джойстик

Откройте Asset Store и в поисковой строке напишите Joystick
Нам нужен именно тот джойстик, что указан на экране
Установите этот Asset

После импорта ассета в нашей папке появится папка Joystick Pack

Внутри Joystick Pack будут следующие папки
Нас интересует папка Prefabs
Готовые джойстики
Спрайты для джойстиков
(оформление)

В папке Prefabs хранятся готовые джойстики
Каждый из них отличается друг от друга

Добавление джойстика
Fixed Joystick – классический джойстик
Его позиция фиксированная, он всегда находится на одном месте
Чтобы начать им управлять, нужно зажать стик (центральную часть джойстика)

Добавление джойстика
Variable Joystick
Очень похож на Fixed Joystick, но чтобы его активировать, можно нажать на любую доступную область джойстика
Доступная область джойстика

Добавление джойстика
Floating Joystick – плавающий джойстик
Появляется по нажатию на доступную область и весит на месте, пока вы не отпустите джойстик
Доступная область джойстика

Добавление джойстика
Dynamic Joystick – динамический джойстик
Появляется по нажатию на доступную область джойстика и следует за курсором / пальцем
Доступная область джойстика

Выберите любой джойстик, и поделитесь, почему вы выбрали именно его
Мы советуем использовать Fixed Joystick

Создайте Canvas и переместите в него выбранный вами Joystick

Добавление джойстика
Подключили джойстик?
Попробуйте запустить игру и проверить, можете ли вы с ним контактировать, или нет
Работает? Значит нам осталось подключить его к нашему скрипту перемещения

Откройте наш скрипт перемещения

Для начала мы создадим переменную, в которой будем хранить joystick
Впишите название выбранного вами джойстика

Далее, обратите внимание на наше условие перемещения влево

Нам необходимо дописать условие, и добавить следующий код
joystick.Horizontal – это проверка на горизонтальный сдвиг джойстика
|| ставится между двумя условиями, обозначая ИЛИ
Если игрок нажал «А», или если горизонтальный показатель джойстика меньше нуля
.Horizontal
.Vertical

Добавление джойстика
Подключили джойстик?
Попробуйте запустить игру и проверить, можете ли вы с ним контактировать, или нет
Работает? Значит нам осталось подключить его к нашему скрипту перемещения
Написали? Допишите условие движения вправо, дайте значение переменной Joystick в Unity и протестируйте игру!

Давайте отдохнём!

Кнопки прыжка и атаки
Помимо джойстика в игре нам понадобятся кнопки, которые помогут нам в управлении персонажем
Мы создадим 2 кнопки:
Для прыжка
Для атаки
Кнопки

Для начала, добавьте кнопку атаки и прыжка на Canvas, уберите с них текст, а так же добавьте соответствующие картинки
Переименуйте эти кнопки для удобства

Далее, откройте скрипт перемещения
Для того, чтобы связать кнопку атаки с нашим скриптом, нам понадобится создать функцию, как мы сделали с кнопкой открытия новой сцены

Спуститесь ниже, и найдите конец функции Update()
После неё создайте функцию Jump()
Конец функции Update()

Затем, переместите команды нашего прыжка в функцию Jump

Теперь, эту функцию прыжка мы сможем вызывать и из скрипта и из Unity

Далее, на месте, откуда мы забрали команды для прыжка, мы будем вызывать нашу функцию, допишите её

Для нашего скрипта при этом ничего не изменилось, и он будет работать как и прежде
Но теперь мы сможем вызывать функцию Jump() также из кнопки в Unity

Однако в текущей записи у нас будет одна ошибка, сможете понять, что же мы сделали с вами не так?

Если вызывать нашу функцию кнопкой из Unity, игра не будет проверять, стоит ли наш персонаж на земле

Для решения проблемы, мы допишем нашу функцию Jump(), чтобы она проверяла, касается ли наш персонаж земли

Итоговый результат

Затем, мы переходим в Unity
Выделите нашу кнопку прыжка и знакомым способом вызывайте функцию Jump по нажатию
После добавления функции
Не забыли, как вызывать функцию по нажатию на кнопку?
Нужно нажать + в свойстве On Click () у кнопки и в пустое поле None переместить нашего персонажа
Далее, вызывать функцию Jump у скрипта Move

Закончили? Запустите игру и проверьте, работает ли ваша кнопка прыжка

Для удобства, вы можете объединить игрока и канвас в один объект
Это делается для удобства, ведь и персонаж и управление игрока неразделимы. Их очень удобно хранить радом друг с другом, а так же из получившегося объекта можно создать Prefab

Самостоятельная работа
Попробуйте самостоятельно подключить и кнопку атаки, это будет даже проще, чем сделать прыжок!
А после того, как закончите, можете поработать над вашей игрой, добавить больше новых уровней и усовершенствовать старые уровни!