Реализована 8-полосная анимация ходьбы персонажа по спрайтам
Проверочная среда
- Виндоус
-
- Windows 11
- Редактор Unity
-
- 2020.3.25f1
- Системные пакеты ввода
-
- 1.2.0
Необходимые условия для получения этого совета
Следующие параметры предварительно настроены в качестве предварительного условия для объяснения этих советов.
Справочный сайт
Об анимации 4-сторонней ходьбы
Мы показали вам, как сделать анимацию ходьбы в четырех направлениях в наших предыдущих советах. В этой статье мы объясним 8 направлений, но большинство шагов такие же, как и анимация ходьбы в 4 направлениях, поэтому здесь мы объясним только различия.
Подготовка пешеходной графики
В прошлый раз мы подготовили графики для 4 направлений, но в этот раз мы подготовим графики для 8 направлений следующим образом. Добавлены "Нижний левый", "Нижний правый", "Верхний левый" и "Верхний правый".
Что касается порядка ориентации, то кажется, что 8 направлений не так четко определены по сравнению с 4 направлениями. Тем не менее, следующие форматы являются относительно распространенными, поэтому в этот раз мы продолжим эту схему.
| под | внизу слева |
| Налево | Внизу справа |
| Правильно | Слева вверху |
| Вверх | Вверху справа |
Создание проекта и подготовка изображений
На этот раз я попробую создать что-то, что может размещать персонажа и перемещать его с помощью клавиш курсора на клавиатуре. Так как это 8 направлений, то при перемещении по диагонали графика будет отображаться в диагональной ориентации.
Первым шагом является создание нового 2D-проекта. Добавьте изображение персонажа, которое вы подготовили для своего проекта.
Выберите добавленное изображение и настройте параметры инспектора. Эта настройка такая же, как и для 4 направлений.
Разделите изображение в редакторе спрайтов. Количество изображений увеличится, но задачи останутся прежними.
Ничего страшного, если изображение в проекте отображается следующим образом.
Создание данных анимации
То, что вы делаете здесь, то же самое, что и анимация ходьбы в 4 направлениях. В конце концов, ничего страшного, если вы можете создать анимацию в 8 направлениях. Обратите внимание, что цифры на изображении не синхронизированы со временем в четырех направлениях.
| Изображение настройки имени файла анимации | |
|---|---|
| ИвамаруДаун | Iwamaru_0, Iwamaru_1, Iwamaru_2, Iwamaru_1 |
| ИвамаруЛевый | Iwamaru_6, Iwamaru_7, Iwamaru_8, Iwamaru_7 |
| ИвамаруРайт | Iwamaru_12, Iwamaru_13, Iwamaru_14, Iwamaru_13 |
| ИвамаруВверх | Iwamaru_18, Iwamaru_19, Iwamaru_20, Iwamaru_19 |
| ИвамаруЛевыйВниз | Iwamaru_3, Iwamaru_4, Iwamaru_5, Iwamaru_4 |
| ИвамаруПравыйВниз | Iwamaru_9, Iwamaru_10, Iwamaru_11 Iwamaru_10 |
| ИвамаруЛевыйВверх | Iwamaru_15, Iwamaru_16, Iwamaru_17, Iwamaru_16 |
| ИвамаруRightUp | Iwamaru_21, Iwamaru_22, Iwamaru_23, Iwamaru_22 |
Убедитесь, что каждое направление анимируется правильно.
Настройки перехода анимации
Настройки такие же, как и при движении в 4 стороны до середины, поэтому опущу.
После того, как вы настроили Дерево переходов, вам нужно создать 8 движений.
Мы установим .anim, добавленный в проект, на 8 элементов в Motion.
Укажите направление каждой анимации в числовом выражении.
| Направление | X | Y |
|---|---|---|
| под | 0 | -1 |
| Вверх | 0 | 1 |
| Налево | -1 | 0 |
| Правильно | 1 | 0 |
| внизу слева | -1 | -1 |
| Внизу справа | 1 | -1 |
| Слева вверху | -1 | 1 |
| Вверху справа | 1 | 1 |
На этом настройка анимации завершена.
Управление движением
Перемещение осуществляется нажатием клавиши на клавиатуре, поэтому вы можете создать скрипт для управления ею. Содержимое этого скрипта точно такое же, как и у созданного в 4 направлениях, поэтому, пожалуйста, обратитесь к нему. Имя скрипта должно быть "CharacterMove".
После того, как вы создали сценарий, прикрепите его к объекту персонажа.
исполнение
На этом весь процесс завершен. Попробуйте запустить игру и нажать клавиши курсора на клавиатуре, чтобы переместить ее. Если персонаж движется в том направлении, в котором вы его нажали, и анимация ходьбы движется, в то время как графика меняет направление на направление, в котором вы смотрите, все готово. На этот раз он поддерживает 8 направлений, поэтому, пожалуйста, проверьте, применяется ли графика по диагонали при движении по диагонали.