Альтернатива pxbee — бесплатные браузерные инструменты для пиксель-арта и спрайтов в сравнении

«Альтернатива pxbee» — это поисковый запрос, за которым почти ничего нет. pxbee — это небольшой бренд инструментов для пиксель-арта, и сторонних материалов о нём мало: записи в каталогах, пара упоминаний на форумах, никакой поддерживаемой документации от кого-либо, кто выпустил с ним проект. Это не значит, что инструмент плохой. Это значит, что по странице результатов его нельзя оценить, поэтому оценивать бренд — тупик.

Вопрос, лежащий в основе, устойчив и поддаётся ответу: что использовать, чтобы бесплатно делать пиксель-арт прямо в браузере, ничего не устанавливая? Эта страница рассказывает, как отличить поддерживаемый пиксель-инструмент от заброшенного, о трёх разных намерениях, стоящих за фразой «мне нужен пиксель-арт» — рисование вручную, генерация по описанию, преобразование уже существующего изображения, — и о том, как спрайты из Agent Sprite Forge попадают прямо в изометричный мир в 3D-конструкторе игр Neta Studio.

Короткий ответ

Сначала честный ответ. pxbee — это бренд пиксель-инструментов со слабым освещением, и публичных материалов о нём недостаточно, чтобы написать честное пооперационное сравнение. Любая страница, которая утверждает обратное, вероятно, восстанавливает инструмент по скриншоту и рекламному описанию. Поэтому эта страница не притворяется, что сравнивает с pxbee. Она отвечает на вопрос, породивший запрос: что использовать вместо него, сегодня, бесплатно, в браузере.

Три вещи решают, стоит ли пиксель-инструмент вашего времени. Во-первых, точен ли экспорт по пикселям: PNG в масштабе 1x, который незаметно прошёл пересэмплирование, хуже, чем бесполезен, потому что вы узнаёте об этом через час рисования. Во-вторых, является ли анимация частью инструмента или прикручена сбоку через отдельный сайт для GIF. В-третьих, доживают ли ассеты до чего-то большего, чем один спрайт. Инструмент, выдающий один плоский PNG, хорош для уик-эндного джема и мучителен на сорока персонажах.

Что должна уметь альтернатива pxbee

Минимально жизнеспособный набор: индексированная палитра с жёстким потолком цветов, однопиксельный карандаш, который никогда не сглаживает, масштабирование только целыми числами, экспорт методом ближайшего соседа, таймлайн кадров с длительностью каждого кадра в миллисекундах и PNG-спрайт-таблица с документированной сеткой кадров. Если таймлайна нет или сетка не задокументирована, вам придётся написать скрипт упаковки вручную, прежде чем ваш арт дойдёт до движка.

Если спрайт генерируется, а не рисуется, добавьте ещё два требования: зерно, которое можно ввести повторно, и фиксированный размер сетки, который никогда не меняется между генерациями. Без зерна переброс, чтобы исправить руку, изменит и палитру, и силуэт, и вы потеряете ту версию, которая вам нравилась. Без фиксированной сетки второй кадр цикла ходьбы не совпадёт с первым.

Почему у некоторых поисковых запросов о брендах так мало результатов

Порог входа в инструменты для пиксель-арта низкий. Канвас, массив палитры и карта горячих клавиш — это проект на выходные. Отсюда длинный хвост небольших инструментов с именем, доменом и годом активности, а дальше ничего. Когда о бренде нет материалов, результаты по нему заполняются общими списками «топ-десять инструментов для пиксель-арта», которые обычно поддерживаются по расписанию, а не тестируются. Список — не доказательство того, что бренд жив; это доказательство того, что список существует.

Заброшенность редко выглядит как мёртвый домен. Чаще страница всё ещё загружается, канвас всё ещё рисует, и сломана одна конкретная часть: экспорт GIF выдаёт единственный кадр, или экспорт таблицы пересэмплирует при нецелом масштабе, или инструмент опирается на устаревший API браузера, от которого один движок уже отказался. Вы обнаруживаете это через час работы, а не на лендинге, поэтому проверку ниже стоит прогнать, прежде чем связываться с инструментом.

Вопрос о пиксель-инструменте

Запрос о бренде скрывает реальную потребность. Почти никому не нужен бренд; нужен один из трёх результатов, и каждый результат предъявляет к инструменту разные требования. Неверно понятое намерение отнимает больше всего времени. Люди, которые хотят преобразовать фотографию, открывают редактор для рисования вручную, обнаруживают, что нарисовать читаемое лицо 32x32 вручную занимает час, и бросают. Люди, которые хотят согласованный набор персонажей, открывают генератор, получают двадцать вариаций с двадцатью палитрами и не могут выбрать одну, потому что ни одна из них не выглядит как набор.

Определите намерение, прежде чем что-либо открывать. Если ответ — «и то, и другое», рабочий порядок обычно такой: сначала сгенерировать, потом доработать вручную. Сгенерировать базовый спрайт и вычистить его в редакторе занимает долю времени от рисования с пустого канваса, и палитра уже ограничена, когда вы начинаете.

Намерение 1: рисовать вручную

Вам нужен однопиксельный карандаш с отключённым сглаживанием, индексированная палитра с блокировкой, чтобы вы не уходили за её пределы, режим зеркала для симметричных персонажей, калька с непрозрачностью примерно от 20 до 40 процентов для анимации, целочисленное масштабирование от 1x до 32x и таймлайн кадров. Узкое место здесь — суждение, а не инструмент. Если вы рисуете вручную, выберите редактор с сеткой экспорта, которую вы реально можете задокументировать, и перестаньте сравнивать редакторы.

Намерение 2: генерировать по описанию

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

Намерение 3: преобразовать существующее изображение

Вам нужно уменьшение методом ближайшего соседа или усреднения, квантование до N цветов с отключённым по умолчанию дизерингом, порог альфа-канала и удаление фона по цветовому ключу с контролем допуска. Следите за исходным форматом. JPEG теряет информацию о цвете ещё до того, как конвертер её увидит, и каждый артефакт сжатия превращается в лишний цвет после квантования до шестнадцати цветов. Начинайте с PNG, а если единственный источник — JPEG, готовьтесь вычищать края вручную.

Сравнение бесплатных браузерных вариантов

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

Столбец стоимости — самый бесполезный на странице. Платформа и формат вывода решают, подходит ли инструмент вашему конвейеру. Бесплатный браузерный редактор, который экспортирует только плоские PNG, дешевле лицензионного настольного редактора и дороже по времени, как только вам понадобится JSON-атлас, подключённый к движку, потому что этот атлас кто-то должен собрать. Читайте сначала столбцы генерации и вывода в 3D, а потом смотрите на стоимость.

Две строки заслуживают оговорки. Конвертеры — это инструменты, которым доверяют больше всего, а проверяют меньше всего: всегда открывайте результат в масштабе 1x, прежде чем импортировать его, потому что конвертер, который незаметно сглаживает края, выдаёт спрайт, который хорошо выглядит при 4x и мутно при 1x. Инструменты упаковки хороши настолько, насколько хороши имена ваших кадров — если ваши кадры называются final_v2_sheet, никакой упаковщик не разложит их за вас в цикл ходьбы.

Как читать это сравнение альтернатив pxbee

Просмотрите столбец «Платформа» на предмет всего, что требует установки, столбец «Анимация» — на предмет того, существуют ли кадры как полноценные объекты или как отдельные файлы, и столбец «Вывод в 3D» — на предмет того, есть ли у инструмента путь дальше плоского изображения. Большинство пиксель-инструментов останавливаются на PNG. Это нормальная точка остановки, и это же причина, по которой так много готовых спрайт-таблиц так и не становятся играбельной сценой.

Сгенерируйте спрайт прямо здесь

Agent Sprite Forge берёт одно предложение и возвращает сетку спрайта с кадрами анимации, при заданном вами размере сетки и потолке палитры. Он работает в браузере. Нет шага установки, и никакая часть экспорта не требует настольного приложения или плагина.

Будьте ясны насчёт того, чем он не является. Он не рисует большую иллюстрацию и не уменьшает её; он строит пиксельную сетку напрямую, поэтому толщина контура остаётся постоянной по кадрам, а палитра остаётся в выбранном вами потолке. Попросите у него фотореализм, градиенты или мягкие тени — и получите плохой результат, потому что это не задачи пиксель-арта.

Режимы отказа предсказуемы, и знание их экономит перебросы. Длинные подсказки уходят в сторону: генератор сохраняет первое существительное и роняет остальное, поэтому ставьте субъект первым, а ограничения — после. Просьбы о разборчивом тексте внутри спрайта 32x32 не выживут в сетке. Детали мельче двух пикселей исчезают при 1x. И если вы генерируете группу персонажей по одному с разными палитрами, они не будут читаться как набор — генерируйте набор за один проход, с одной палитрой.

Спрайты, а затем мир

Большинство пиксель-инструментов заканчиваются на PNG. Затем таблица становится ассетом в движке, который вам нужно выбрать, настроить и подготовить, прежде чем что-либо сдвинется. 3D-конструктор игр Neta Studio берёт ту же таблицу и размещает её в изометричном мире на Three.js в браузере, так что сгенерированный вами персонаж стоит на тайле ещё до того, как вы написали хоть строку кода.

Механика важна, потому что именно здесь пиксель-арт обычно ломается в 3D. Спрайт 32x32 на билборд-кваде требует ортографической камеры и фильтрации методом ближайшего соседа: NearestFilter на материале, мипмапы выключены, обёртка текстуры — clamped. Включите мипмапы, и спрайт размывается уже в метре от камеры. Увеличьте квад в 1,7 раза, и пиксели начнут мерцать при движении камеры, потому что сетка текселей больше не совпадает с сеткой экрана. Держите масштаб целым, а зум камеры целым — и мерцание исчезнет.

Глубина — вторая вещь, которая ломается. Изометричные тайлы с соотношением 2:1 — тайлы 32x16 под персонажами 32x32 — сортируются по x плюс y, и всё, что перекрывает два тайла, должно иметь якорь у ног, а не в центре спрайта. Ошибётесь с якорем — и персонаж парит или утопает на полтайла, а это ровно тот баг, который выглядит как проблема физики, но ею не является. И «Cyclops' Island», и Mini World используют такую схему, и обе были собраны из спрайт-таблиц, а не из смоделированной геометрии.

Что переносится из таблицы

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

• Сетка таблицыИмпортёру нужны кадры по ширине, строки направлений по высоте и размер одного кадра в пикселях. 32x32 при 6 кадрах и 4 направлениях — это таблица 192x128. Не совпадёт сетка — и вы получите спрайт, разрезанный посреди туловища.
• Точка привязкиНоги внизу по центру. Привяжите к центру спрайта — и персонаж будет пересекать пол на полтайла каждый раз, когда повернётся к камере.
• ФильтрацияNearestFilter, мипмапы выключены, обёртка clamped, целый масштаб объекта и целый зум камеры. Всё остальное вернёт размытие, которого палитра была призвана избежать.
• Сортировка по глубинеСортировка по x плюс y на сетке тайлов. Спрайт, чей якорь стоит точно на краю тайла, может мерцать между двумя глубинами во время ходьбы.

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

Вопросы о брендах стареют; вопрос об инструменте — нет. Что бы вас сюда ни привело, полезный шаг один и тот же — сгенерируйте один спрайт, а затем откройте мир, в котором он может жить, и то и другое в этой вкладке браузера и бесплатно.

FAQ