Распродажа на Хэллоуин: −40% Pixor стоит $19.99 $11.99 до 4 ноября на itch.io →

Замах и захлест: придайте прыжку вес

Клип, который в 3D выглядит нормально, часто начинает «плавать», когда в нем всего несколько пикселей роста: никакого приседа перед толчком, приземление без веса. Узел «Тайминг» добавляет то, что добавил бы аниматор вручную, исходя из того, как быстро движется каждая часть.

Замах и захлест: прыжок рыцаря с узлом «Тайминг»: лист, который рендерит этот проект-образец

Пример проекта

Замах и захлест: прыжок рыцаря с узлом «Тайминг»: проект .pixor и его модель из библиотеки (CC0). Слева — лист, который он рендерит.

Пиксельный рыцарь скованно прыгает, вид сбоку
Прыжок из библиотеки как есть
Тот же рыцарь глубже приседает перед прыжком и сплющивается при приземлении
Через узел «Тайминг», сила 1.5

Для начинающих · около 5 минут · или посмотрите за 91 секунд

1. Камера сбоку

Откройте модель со скелетом: в уроке используется рыцарь из бесплатной библиотеки CC0. На шаге Сцена щелкните камеру South на панели «Структура» и установите вид Игра в Платформер.

2. Один фиксированный масштаб

Установите Размер камеры в Пикселей на метр и введите 34. Камера, подогнанная под модель, меняет ее масштаб, чтобы вместить все, что делает действие, поэтому более глубокий присед уменьшил бы спрайт; при фиксированном масштабе рыцарь сохраняет размер, а холст растет вокруг него.

3. Прыжок из библиотеки

На шаге Действие выберите Добавить действие › Клип библиотеки: jump. Посмотрите его в 2D-виде шага Стиль: он проигрывается, но «плавает». Рыцарь отрывается от земли без приседа и приземляется без веса.

4. Добавьте узел «Тайминг»

Вернувшись на шаг «Действие», выберите узел Клип в графе действия, нажмите Добавить узел действия и выберите Тайминг (в разделе «Фильтры»). Он встает после клипа и рассчитывает остальное по тому, как быстро движется каждая часть:

  • Замах (подготовка к действию): прямо перед быстрым движением часть сначала немного уходит в обратную сторону.
  • Перелет (захлест): когда быстрое движение останавливается, часть немного проскакивает дальше и возвращается на место.
  • Сплющивание: там, где падение останавливается, модель на мгновение сплющивается и расширяется, а затем пружинит обратно.

5. Его параметры

Поля узла — это его параметры: Сила (1; 0 — клип как есть, 2 — вдвое больше), Замах, Перелет и Сплющивание (каждый 1; 0 — без эффекта) и Секунды, сколько длятся замах и успокоение (0.1). В уроке Сила установлена в 1.5. Одни и те же числа каждый раз дают одни и те же кадры.

6. С весом

На шаге «Стиль» рыцарь теперь приседает перед толчком и сплющивается при приземлении. Оцените это кадр за кадром с помощью Калька (O) или Что изменилось (D) в 2D-виде.

7. Экспорт

Добавьте из библиотеки узлов выход Файл: GIF на клип на шаге Ассет, затем нажмите Экспорт: лист, его JSON и GIF прыжка.

Из командной строки

--timing ставит узел «Тайминг» на каждый клип рендера: сначала сила, затем любой параметр по имени.

pxr render knight.glb --camera platformer --pixels-per-metre 34 --clip lib:jump --timing 1.5
pxr render hero.glb --clip attack --timing 1.5,squash=0,time=0.08
pxr project set game.pixor --timing overshoot=2

pxr project set --no-timing снова убирает их.

Далее

  • Тайминг анимации: задержки, число кадров и сколько должен длиться кадр.
  • Субпиксельная анимация: дыхание меньше пикселя.

Вопросы

Меняет ли узел «Тайминг» то, где заканчиваются позы?

Нет. Каждая поза, в которой клип замирает, сохраняется точно, и ничто не заканчивается в другом месте. Только движения между ними получают замах до и перелет после.

Работает ли это с клипами Mixamo и другими клипами захвата движения?

Да. Он считывает, как быстро движется каждая часть, поэтому подходит любой клип: клип из библиотеки, загрузка с Mixamo, ключи, которые вы поставили сами. Медленные движения остаются почти как есть; быстрым достается больше всего.

Зацикленная ходьба останется зацикленной?

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

Почему спрайт уменьшается, когда я добавляю узел «Тайминг»?

Камера, подогнанная под модель, освобождает место для более глубокого приседа и сплющивания. Установите Размер камеры в «Пикселей на метр», и масштаб останется фиксированным, что бы ни делало движение.

Что почитать дальше

Попробуйте на своей модели бесплатно в браузере или купите полную версию.

Попробовать в браузере Купить Pixor