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

Эффекты смерти: разлет на куски, растворение и появление

Каждому врагу нужен способ уйти. Pixor делает три из любой 3D-модели — ничего не нужно рисовать и настраивать частицы: модель разлетается на куски, сгорает пиксель за пикселем или возникает из пустоты.

Эффекты смерти: рыцарь, который разлетается на куски, растворяется и появляется: лист, который рендерит этот пример проекта

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

Эффекты смерти: рыцарь, который разлетается на куски, растворяется и появляется: проект .pixor и его модель из библиотеки (CC0). Лист слева — то, что он рендерит.

Пиксельный рыцарь, разлетающийся на куски, которые падают и подпрыгивают
Разлететься на куски
Пиксельный рыцарь, сгорающий пиксель за пикселем сверху вниз
Растворение
Пиксельный рыцарь, появляющийся пиксель за пикселем
Материализация

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

1. Импорт модели

Создайте Новый проект и импортируйте файл glTF, FBX или OBJ. В уроке используется рыцарь из бесплатной библиотеки CC0; любой враг, предмет или ящик работает так же, с ригом или без.

2. Четыре стороны по 96 пикселей

На шаге Сцена щелкните камеру Юг на панели «Структура», установите вид Игра на RPG с видом сверху, ширину и высоту на 96 и нажмите 4 сторон. Разлету нужно место: при 96 пикселях у каждого куска свое затенение и контур. Мелкие враги размером 32 или 48 пикселей лучше растворяются, чем разлетаются.

3. Разлет на куски

Откройте шаг Действие и выберите Добавить действие › Разлететься на куски. Кадр режется на куски, которые подбрасываются вверх и в стороны, падают, отскакивают от земли и замирают за 10 кадров. Двигаются только целые пиксели, никогда не их части, поэтому куски сохраняют палитру и линии спрайта.

4. Растворение

Добавить действие › Растворение убирает модель пиксель за пикселем сверху вниз по узору, привязанному к поверхности, поэтому он не ползет, пока модель движется, а по краю горит полоса самого светлого цвета палитры. Последний кадр пустой.

5. Материализация для появления

Материализация — это растворение наоборот: от пустоты до целой модели. Используйте ее, когда появляется враг, подбираемый предмет или призванное существо.

Каждая реакция — узел Рампа в графе действия: выберите действие, чтобы изменить там его кадры, или задайте ее ключами внутри другого действия (половина растворения — это 0.5).

6. Все стороны, один лист

На шаге Ассет 2D-вид показывает лист: по строке на каждый эффект и сторону, все на одной опорной точке, поэтому игра переключается с ходьбы на смерть без скачка.

7. Экспорт

Добавьте из библиотеки узлов выход File: GIF per clip, чтобы просмотреть каждый эффект, затем нажмите Экспорт: лист, его JSON (каждый эффект — именованная анимация) и GIF-файлы.

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

Те же эффекты для целого состава врагов из скрипта сборки:

pxr render knight.glb --clip none --view three-quarter --size 96 --ring 4 \
  --reaction break:12 --reaction dissolve:10 --reaction materialise:8 --export json

После клипа смерти укажите его: --clip lib:death --reaction dissolve:10@lib:death падает навзничь, а затем растворяет последнюю позу.

Далее

Вопросы

Нужно ли резать модель на части для разлета?

Нет. Pixor сам режет готовый кадр на куски и разбрасывает их, поэтому подходит любая модель — с ригом или без, из одного меша или из многих.

Может ли эффект проигрываться после анимации смерти?

Да. Дайте реакции клип, за которым она следует: --reaction dissolve:10@death удерживает последнюю позу смерти и растворяет ее как отдельное действие под названием death dissolve.

Совпадут ли куски и угольки с цветами моего спрайта?

Это собственные пиксели спрайта в его палитре: куски сохраняют свое затенение и контур, а край растворения горит самым светлым цветом палитры.

Сколько кадров должно быть в эффекте смерти?

Десять–двенадцать кадров хорошо читаются при 12 кадрах в секунду; восемь — для мелких врагов. Появление может быть короче смерти: игроки смотрят на него меньше.

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

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

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