Как пользоваться инструментом «Поворот пиксель-арта»
- Перетащите в инструмент спрайт или спрайт-лист.
- Нажмите 90°, 180° или 270° или передвиньте ползунок угла для промежуточных значений.
- Оставьте метод RotSprite для чистых линий или переключитесь на ближайшего соседа для более грубого и быстрого результата.
- Для спрайт-листа включите поворот по кадрам, чтобы каждый кадр вращался вокруг своего центра.
- Скачайте PNG или экспортируйте лист из 4, 8, 16 или 32 равномерно распределённых углов.
Что вы получаете
- Повёрнутый PNG с сохранённой прозрачностью
- Холст, который расширяется под повёрнутый спрайт (по желанию)
- Лист направлений с N равномерно распределёнными поворотами
Советы из практики геймдева
- При повороте пиксель-арта на произвольный угол часть деталей всегда теряется. Лучше всего выглядят небольшие повороты (15°–30°) простых форм: мечей, стрел и снарядов.
- Лист направлений — быстрый способ сделать 8 или 16 направлений для пули или машины в игре с видом сверху. Диагонали потом доправьте вручную.
- Если повёрнутый контур рвётся, попробуйте угол ±1°. Выборка RotSprite может по-разному ложиться на соседних углах.
- Направления персонажей рисуйте вручную. Поворот подходит для объектов, но не для всего, у чего есть явный «верх».
Сценарии использования
- Делать снаряды, машины и корабли с 8 направлениями для игр с видом сверху
- Поворачивать спрайт меча или инструмента для анимации взмаха
- Поворачивать целые листы тайлов или предметов на 90° за один раз
- Исправлять рисунки, развёрнутые не в ту сторону
Вопросы и ответы
Почему пиксель-арт размывается при повороте в других программах?
Большинство графических редакторов используют билинейную фильтрацию, которая смешивает соседние пиксели в новые промежуточные цвета. Этот инструмент берёт только существующие пиксели, поэтому у результата та же палитра, что и у исходника.
Что такое RotSprite?
Алгоритм поворота пиксель-арта. Он увеличивает спрайт в 8 раз с учётом краёв проходом Scale2x, поворачивает его, а затем уменьшает обратно выборкой. Тонкие линии сохраняют связность гораздо лучше, чем при обычном повороте ближайшим соседом.
Повороты на 90°, 180° и 270° без потерь?
Да. При повороте на четверть оборота пиксели просто переставляются без пересэмплирования, поэтому можно повернуть обратно и получить точный оригинал.
Можно ли повернуть каждый кадр спрайт-листа?
Да. Включите поворот по кадрам и проверьте найденную сетку. Каждый кадр вращается вокруг своего центра и сохраняет размер, так что раскладка листа не меняется.
Добавляет ли он цвета?
Нет. Оба метода копируют пиксели из исходника, поэтому палитра результата — подмножество исходной палитры.
Что-нибудь загружается на сервер?
Нет. Поворот выполняется в браузере, и файл не покидает ваше устройство.