Альтернатива Pixelorama

Альтернатива Pixelorama: анимированные спрайты одной фразой

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

Экран пиксельной игры 16 бит: Райдэн Сёгун бьёт копьём на каменной лестнице святилища в сумеркахЭкран пиксельной игры 16 бит: Нобара Кугисаки опускает молот в переулке Сибуи ночьюЭкран пиксельной игры 16 бит: Зоро в стойке трёх мечей на палубе корабля на рассветеЭкран пиксельной игры 16 бит: Хори идёт мимо шкафчиков школьного коридора к вечеру
✦Пиксельные действия
Сделать пиксельные действия для Зоро из One Piece с тремя катанами, стойка, ходьба и удар
One Piece · Зоро. Стойка, восемь ячеек прямо из модели, одна линия пола и ровные промежутки. Это лист до любой нарезки.
One Piece · Зоро — Стойка, восемь ячеек прямо из модели, одна линия пола и ровные промежутки. Это лист до любой нарезки.
One Piece · Зоро. Тот же персонаж в середине шага, вырезан на прозрачность: один отрезок на кадр, три катаны на поясе.
One Piece · Зоро — Тот же персонаж в середине шага, вырезан на прозрачность: один отрезок на кадр, три катаны на поясе.
One Piece · Зоро. Onion skin на рубящем ударе: восемь призрачных стадий за чётким кадром — дуга читается без прокрутки таймлайна.
One Piece · Зоро — Onion skin на рубящем ударе: восемь призрачных стадий за чётким кадром — дуга читается без прокрутки таймлайна.
Jujutsu Kaisen · Нобара. Удар молотом в восьми кадрах: замах в первых ячейках, попадание в середине, возврат в конце.
Jujutsu Kaisen · Нобара — Удар молотом в восьми кадрах: замах в первых ячейках, попадание в середине, возврат в конце.
Jujutsu Kaisen · Нобара. Четыре действия в одном атласе, по строке на каждое: стойка, ходьба, атака, попадание. Одна ячейка, одна базовая линия, один персонаж.
Jujutsu Kaisen · Нобара — Четыре действия в одном атласе, по строке на каждое: стойка, ходьба, атака, попадание. Одна ячейка, одна базовая линия, один персонаж.
Genshin Impact · Райдэн Сёгун. Один кадр в 1×, 4× и 8×, а под ним шестнадцать цветов, снятых прямо со спрайта.
Genshin Impact · Райдэн Сёгун — Один кадр в 1×, 4× и 8×, а под ним шестнадцать цветов, снятых прямо со спрайта.
Genshin Impact · Райдэн Сёгун. Спрайт в игровом масштабе на выложенной плиткой веранде святилища: проверка, что высота ячейки сходится с плиткой пола.
Genshin Impact · Райдэн Сёгун — Спрайт в игровом масштабе на выложенной плиткой веранде святилища: проверка, что высота ячейки сходится с плиткой пола.
Horimiya · Хори. Цикл ходьбы, в котором подол юбки и сумка на плече держат вес во всех восьми кадрах.
Horimiya · Хори — Цикл ходьбы, в котором подол юбки и сумка на плече держат вес во всех восьми кадрах.
Jujutsu Kaisen · Годзё. Реакция на удар: отдача в средних ячейках, голова уходит в сторону, последняя ячейка снова стоит прямо.
Jujutsu Kaisen · Годзё — Реакция на удар: отдача в средних ячейках, голова уходит в сторону, последняя ячейка снова стоит прямо.
В браузере

Проведите его.

Три настоящих действия из одного запуска. Стрелки — ходьба, пробел — атака, цифры повторяют любую строку. assets.zip лежит на той же странице.

Проведите его.Открыть в новой вкладке
Хотите свой?Сделать свой

Pixelorama заканчивается на экспорте. Здесь есть продолжение.

Neta Studio — это конструктор миров на ИИ с пристроенным спрайтовым конвейером. Описанный персонаж попадает в мир, где уже есть герои и места, а те же кадры могут пройти по сцене, которую вы сгенерируете следом — без загрузки, без импорта в движок, без второй вкладки.

  • Три действия, одна линейка — стойка, ходьба и атака делят высоту в стойке и линию ступней, а атлас подгоняет их под равные ячейки, поэтому при смене строки персонаж не прыгает.
  • Не нарисовано, а вырезано — лист на пурпурном фоне становится прозрачными PNG с чистой кромкой, по полосе на действие и GIF с циклом 8 кадров в секунду.
  • Страница, которая играет — стрелки идут, пробел бьёт, а assets.zip и actions.json лежат рядом.

Работает на навыке Side Sprite Actions — один персонаж, все действия в одном масштабе.

Вопросы перед началом.

Это замена Pixelorama?

Для готового набора анимаций — да: кадры, полосы, атлас, пакет. Это не холст, где пиксели ставят по одному, поэтому ручная работа остаётся в Pixelorama: PNG возвращаются без потерь.

Что приходит за один запуск?

По полосе на действие, нарезанной в собственной ячейке, отдельные кадры прозрачными PNG, GIF на каждое действие, spritesheet.png со строкой на действие, actions.json со строками и кадрами и страница, которая всё это проигрывает.

Как действия остаются одним персонажем?

Первое действие записывает кадр-эталон, каждое следующее рисуется по нему. Один силуэт, одна палитра, одна высота в стойке и одна линия ступней — поэтому строки сходятся.

Можно добавить действия позже?

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

Pixelorama работает офлайн на компьютере. Зачем переезжать?

Потому что медленная часть — пустой таймлайн. Здесь вы сразу получаете кадры для правки, и всё работает, даже если вы ни разу не откроете редактор. Ручную работу оставьте Pixelorama.

Какой размер и раскладка?

На каждой полосе одна и та же высота в стойке и линия ступней, ступни по нижнему краю, персонаж лицом вправо, по умолчанию восемь кадров при 8 fps. Скажите «ячейки 64 px» или «шесть кадров», если так нужно проекту.

Справится с оружием или предметом?

Да — катана, молот, копьё. Лезвие остаётся в той же руке по всей полосе. Длинное оружие задевает край ячейки, так что посмотрите полосу перед сдачей.

Как перенести в Godot, Unity или Phaser?

spritesheet.png — строка на действие, ячейки равные, а actions.json даёт строку, диапазон кадров, fps и признак цикла. Наведите импортёр на лист и читайте строки.

Один персонаж, три действия, один пакет.

Скажите, кто он и что несёт. Стойка, ходьба и атака вернутся в одном масштабе, вместе со страницей, которая их играет.

×