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


Для начинающих · около 5 минут · или посмотрите за 92 секунд
1. Маленький спрайт
Откройте модель: в уроке используется сундук из бесплатной библиотеки CC0. На шаге Сцена щелкните камеру South, установите вид Игра в RPG с видом сверху, а ширину и высоту — в 32. Субпиксельное движение важнее всего на маленьких спрайтах, где пиксель — большой шаг.
2. Дыхание
Щелкните сундук на панели «Структура», чтобы движение двигало его, затем на шаге Действие выберите Добавить действие › Пульсация. В графе действия установите Количество узла «Пульсация» в 0.025: сундук растет и сжимается на 2.5 %, меньше пикселя при 32 пикселях.
3. Выключено: прыгает
На шаге Стиль приблизьте 2D-вид и включите Пиксельная сетка (Shift+G). Края стоят на месте несколько кадров, а затем прыгают на целый пиксель.
4. Субпиксельное движение
Выберите узел Очистка в графе стиля и в разделе «Очистка» Инспектора отметьте Субпиксельное движение. Снова выберите узел Выход, чтобы увидеть готовый спрайт.
5. Включено: дышит
Пока модель покрывает лишь часть краевого пикселя (меньше семи восьмых), этот пиксель получает следующий, более темный цвет своей рампы и возвращается, когда модель снова его покрывает. Теперь сундук дышит оттенками, а не скачками.
6. Только края
Что изменилось (D) отмечает пиксели, отличающиеся от предыдущего кадра: только те, через которые проходят движущиеся края. С включенным параметром доля мерцания рендера немного растет, ведь эти пиксели меняются намеренно.
7. Экспорт
Экспорт записывает лист как обычно; промежуточные пиксели в нем есть, в собственных цветах палитры.
Из командной строки
pxr render chest.glb --size 32 --clip none --motion pulse:8:0.3 --subpixel
pxr project set game.pixor --subpixel
--no-subpixel выключает его для проекта.
Далее
- Что такое субпиксельная анимация: откуда взялся этот прием.
- Замах и захлест: обратная задача — движение, которому нужно больше веса.
Вопросы
Меняет ли субпиксельное движение силуэт или обводку?
Нет. Меняются только краевые пиксели, которые движущаяся поверхность покрывает частично, и только на следующий, более темный цвет их собственной рампы. Обводка, силуэт и все остальные пиксели остаются точно такими же.
Промежуточные цвета — это новые цвета?
Нет. Каждый — следующая ступень вниз по рампе, на которую затенение уже поставило пиксель, так что каждый цвет — из палитры.
Каким движениям это помогает?
Все, что движется меньше чем на пиксель за кадр: дыхание в анимации ожидания, покачивание в парении, медленное колыхание, пульсация. Быстрое движение остается как есть: оно и так читается.
Чем это отличается от узла «Субпиксельное движение»?
Узел в графе стиля работает по одному кадру и может позволить части заползти в пустые пиксели. Этот параметр смотрит на весь клип и никогда не меняет силуэт.
Что почитать дальше
- Замах и захлест: придайте прыжку вес
- Эффекты смерти: разлет на куски, растворение и появление
- Персонаж, идущий в 8 направлениях
- Ваш первый спрайт за пять минут
- Варианты освещения: ночь, факел, под водой, яд
- Персонаж Mixamo в восьми направлениях
- Вращающаяся монета
Попробуйте на своей модели бесплатно в браузере или купите полную версию.
Попробовать в браузере Купить Pixor