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

Субпиксельная анимация: дыхание меньше пикселя

Мягкая анимация ожидания на маленьком спрайте либо совсем не видна, либо прыгает сразу на целый пиксель. Пиксель-художники рисуют промежуточное положение более темным краевым пикселем. «Субпиксельное движение» в 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 выключает его для проекта.

Далее

Вопросы

Меняет ли субпиксельное движение силуэт или обводку?

Нет. Меняются только краевые пиксели, которые движущаяся поверхность покрывает частично, и только на следующий, более темный цвет их собственной рампы. Обводка, силуэт и все остальные пиксели остаются точно такими же.

Промежуточные цвета — это новые цвета?

Нет. Каждый — следующая ступень вниз по рампе, на которую затенение уже поставило пиксель, так что каждый цвет — из палитры.

Каким движениям это помогает?

Все, что движется меньше чем на пиксель за кадр: дыхание в анимации ожидания, покачивание в парении, медленное колыхание, пульсация. Быстрое движение остается как есть: оно и так читается.

Чем это отличается от узла «Субпиксельное движение»?

Узел в графе стиля работает по одному кадру и может позволить части заползти в пустые пиксели. Этот параметр смотрит на весь клип и никогда не меняет силуэт.

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

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

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