Альтернатива Aseprite — бесплатная программа для пиксель-арта для разработчиков игр

У альтернативы Aseprite сначала есть один узкий вопрос: что на самом деле умеет программа для пиксель-арта такого, чего не может обычный графический редактор? Три вещи — пиксельная сетка, которой можно доверять при увеличении, палитра, которую можно зафиксировать и проиндексировать, и покадровая анимация с режимом кальки. Если инструмент умеет эти три вещи, всё остальное — дело предпочтений. Aseprite делает все три хорошо, работает только на настольных системах и стоит денег. Эта страница сравнивает его с бесплатной программой для пиксель-арта, которая работает в браузере, рисует и анимирует вручную и добавляет путь генерации, который создаёт спрайты из текста.

Neta Studio — это браузерный конструктор 3D-миров и игр. Одна его часть — это пиксельный холст: выберите размер, рисуйте кадр за кадром, экспортируйте спрайт-лист. Другая часть — Agent Sprite Forge, который генерирует пиксельные спрайты и кадры анимации из письменного описания. Затем те же ресурсы попадают в изометрическую 3D-сцену в конструкторе 3D-игр — The Cyclops' Island и Mini World построены именно на таком конвейере. Ниже — что хорошо умеет каждый инструмент, чем отличается путь в браузере и какие режимы отказа важны, когда вы переносите спрайты между ними.

Для чего нужна программа для пиксель-арта

Программа для пиксель-арта — это редактор сетки с жёсткими ограничениями. Сетка должна быть точной: каждый штрих попадает в целый пиксель, каждая ячейка при экспорте имеет заданный вами размер, и никакой фильтр пересэмплирования не подсовывает размытие. Персонаж 32x32 и набор тайлов 128x128 — разные задачи, но обе ломаются одинаково, когда инструмент относится к пикселю как к приблизительной величине. Если редактор округляет координаты или применяет сглаживание при трансформации, спрайт перестаёт стыковаться по тайлам, а палитра перестаёт совпадать.

Второе требование — палитра, которую можно зафиксировать. В индексированной пиксельной работе палитра и есть файл: фиксированный набор цветов, каждый со своим индексом. Редактор, который свободно перекрашивает при импорте, — не программа для пиксель-арта, а программа для рисования, нацеленная на маленькие изображения. Вам нужно загрузить палитру, рисовать по ней и быть уверенным, что индекс 7 — всё тот же красный, когда лист попадает в код.

Третье требование — анимация с режимом кальки. Пиксельная анимация живёт на уровне кадров: 4, 6 или 8 кадров для цикла ходьбы, и каждый кадр редактируется рядом с призраком предыдущего. Режим кальки — это способ удержать силуэт стабильным между кадрами без измерений. Всё, что выходит за эти три вещи — слои, теги, скриптинг, режимы наборов тайлов, пресеты экспорта, — дело предпочтений. И именно здесь инструменты расходятся.

Три требования, ещё раз

Сетка: фиксированный размер холста, целочисленное увеличение, никакого пересэмплирования при масштабировании. Палитра: загрузить, проиндексировать, зафиксировать. Анимация: N кадров, режим кальки, экспорт в виде листа. Оценивайте любую альтернативу Aseprite по этим пунктам, а не по списку функций.

Aseprite кратко

Aseprite — это настольная программа для пиксель-арта и анимации. Она платная, работает на Windows, macOS и Linux и действительно превосходна в том, для чего создана: покадровая анимация. Режим кальки здесь первоклассный, шкала времени быстрая, а система тегов позволяет называть диапазоны вроде 'idle' и 'run', чтобы экспорт знал, что вырезать. В комплекте идёт программный интерфейс скриптинга на Lua, так что можно пакетно обработать сотню спрайтов, пересобрать палитры или написать собственный конвейер экспорта. Сообщество большое, а формат файлов хорошо задокументирован — поэтому так много игровых проектов держат файлы .aseprite в репозитории.

Издержки здесь структурные, а не связанные с качеством. Это настольное ПО, поэтому машина, на которой вы рисуете, — та же машина, на которую вы устанавливаете программу: ни телефона, ни Chromebook, ни общей ссылки на холст для коллеги. Она платная, и это важно, если вы ведёте занятие, гейм-джем или команду. И это программа для пиксель-арта, и только: она не сгенерирует спрайт за вас и не разместит его в 3D-сцене. Если ваша работа — чисто нарисованная вручную 2D-анимация, такой обмен подходит. Если ваше узкое место — выпустить сорок спрайтов вместо одного, то нет.

Что покрывает бесплатная программа в браузере

Браузерный редактор пикселей отвечает всем трём требованиям, но двум из них — иначе. Сетка — та же задача: вы задаёте размер холста, скажем 32x32 или 64x64, и рисуете при целочисленном увеличении. Разница в способе ввода: у браузерного холста нет чувствительности к нажиму на уровне операционной системы и хуков драйверов планшета, поэтому линии идут от событий указателя. Для пиксельной работы это в основном преимущество, ведь штрих в 1 пиксель либо попадает в пиксель, либо нет. Реальную работу делают увеличение и привязка к сетке.

Палитра отвечает требованию так же: загрузите индексированный набор, рисуйте по нему, сохраняйте индексы стабильными при экспорте. Там, где браузерный инструмент обычно проигрывает настольному, — это производительность на больших холстах: индексированное изображение 512x512 с двадцатью слоями тяжелее во вкладке браузера, чем в нативном приложении. На практике большинство игровых спрайтов куда меньше. Персонаж 64x64 из 8 кадров — пустяк для любого из них.

Третье требование, анимация, — это то, где браузерный путь ведёт себя так же и экспортирует так же: кадры, режим кальки и лист, разложенный по одинаковым ячейкам. Что он добавляет, так это четвёртый путь — генерацию. Вместо того чтобы рисовать сороковой спрайт, вы описываете его. Agent Sprite Forge принимает текстовое описание и создаёт пиксельные спрайты и кадры анимации в вашем проекте, которые затем можно править на том же холсте, кадр за кадром, как любую нарисованную вручную работу.

Что меняет генерация

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

Рисовать или генерировать — когда что быстрее

Решение не в том, «что лучше», а в том, «что дешевле для конкретного ресурса». Рисование вручную выигрывает, когда спрайт несёт индивидуальность или требует точного контроля на уровне пикселя. Генерация выигрывает, когда ресурсов много, они структурно похожи и допускают итерации. Ниже — конкретный список, основанный на реальных случаях.

Один спрайт героя — нарисуйте его. Вы будете переделывать его десяток раз, и генерация обошлась бы дороже в написании запросов и чистке, чем рисование. Состав из сорока спрайтов — сгенерируйте его. Сорок нарисованных вручную персонажей — это неделя работы; сорок сгенерированных — это запрос, один проход проверки и правки для горстки тех, что плохо читаются в 32x32. Набор тайлов — нарисуйте базовые тайлы вручную, потому что стыки и края требуют точного расположения по пикселям, а затем генерируйте варианты, только если ваш генератор поддерживает совпадающие размеры и палитру.

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

• Один спрайт герояНарисуйте. Индивидуальность и число правок делают ручную работу дешевле.
• Состав из сорока спрайтовСгенерируйте. Объём важнее; выбросы правьте вручную на общем холсте.
• Набор тайловНарисуйте базовые тайлы, генерируйте варианты только при совпадающей сетке и палитре.
• Быстрый концептСгенерируйте. Именно выбрасывание и есть цель.

Анимация и спрайт-листы

Спрайт-лист — это сетка кадров. Правила просты и беспощадны: одинаковые ячейки, и размер кадра должен ровно делить лист на столбцы и строки. Если ваш персонаж 32x32, а кадров 8, то лист 128x64 даёт сетку 4x2 — 4 столбца, 2 строки, 8 ячеек, каждая ровно 32x32. Делится ровно, ничего лишнего не остаётся. Если же вы экспортируете лист 130x64, появляются два пикселя отступа, и любой движок, который нарезает кадры по индексу, начиная с первого кадра читает не те пиксели.

Второй режим отказа — длина анимации. Цикл ходьбы из 4 кадров читается иначе, чем из 8. Четыре кадра — быстро и дёшево; восемь кадров — плавнее и примерно удваивает затраты на редактирование и экспорт. Режим кальки — это способ держать такие кадры согласованными: нарисуйте кадр 2 поверх призрака кадра 1, кадр 3 поверх призрака кадра 2, и изображение должно меняться на контролируемую величину на каждом шаге. Если силуэт в кадре смещается больше чем на пару пикселей, цикл будет заметно дёргаться.

Пресеты экспорта здесь важны. Aseprite позволяет называть диапазоны кадров тегами и экспортировать по одному листу на тег. Бесплатный онлайн-генератор спрайтов в браузере делает то же самое с именованными диапазонами на шкале времени, а затем записывает лист с одинаковыми ячейками и блоком метаданных, где фиксируется сетка. Храните эти метаданные вместе с PNG. Когда лист и его метаданные расходятся, каждая анимация в игре проигрывает не те кадры, и это одна из самых неочевидных ошибок для диагностики на глаз.

Попробуйте путь в браузере

Утверждение о бесплатной альтернативе Aseprite должно быть проверяемым, а не голословным. На странице рядом находятся два инструмента. Первый — холст для ручного редактирования пикселей: задайте размер, загрузите или соберите палитру, рисуйте кадр за кадром, видя режим кальки под текущим кадром, затем экспортируйте однородный лист. Это и есть рабочий процесс Aseprite, только без установки и платы, при типичных для игр размерах спрайтов.

Второй — генератор. Введите описание спрайта и его анимации, и Agent Sprite Forge создаст кадры в том же проекте. Эти кадры попадают на холст, так что можно открыть один и отредактировать его вручную: поправить ногу, которая не попадает на линию земли, уточнить силуэт или исправить цвет, который выбивается из палитры.

Обе половины пишут в одно и то же хранилище ресурсов. Вы не выбираете один путь и не связываете себя им; вы пользуетесь тем, что дешевле там, где он дешевле. Это та часть, которую трудно показать текстом и легко показать инструментом, — поэтому оба находятся на странице, а не описаны словами.

Спрайты в мир

Спрайт-листы — не конец этого конвейера. Конструктор 3D-игр берёт те же пиксельные ресурсы и размещает их в изометрической 3D-сцене, которая рендерится в браузере без установки движка. Вы ставите спрайт в мир, задаёте ему диапазон кадров для воспроизведения, и он анимируется там. The Cyclops' Island и Mini World — две сцены, построенные таким образом: пиксельные ресурсы, изометрическая раскладка, всё работает в браузере.

Для вопроса об альтернативе Aseprite это важно из-за скорости итераций. В рабочем процессе «настольное ПО — движок» вы рисуете, экспортируете, импортируете в движок, собираете, запускаете и смотрите. Цикл проходит через два приложения и этап сборки. Здесь холст для рисования, генератор и сцена — в одном инструменте, поэтому правка цикла ходьбы видна в мире без обмена «экспорт-импорт». Вы всё равно экспортируете лист, если он нужен в другом месте — ресурсы принадлежат вам в виде PNG, — но вам не нужно покидать браузер, чтобы увидеть, читается ли спрайт в игровом масштабе.

Вот честная граница между двумя инструментами. Aseprite — более сильное приложение для чисто 2D-анимации. Браузерный путь слабее по производительности на больших холстах и по интеграции с настольной системой, но сильнее по генерации и по дистанции между нарисованным пикселем и работающей сценой.

Войдите в мир, которому он принадлежит

Страница категории должна заканчиваться тем, что категория у вас в руках. Откройте инструмент, сгенерируйте один спрайт, затем откройте мир, которому он принадлежит: и то и другое работает в этой вкладке браузера, и ни то, ни другое не требует устанавливать программу.

FAQ