Альтернатива Piskel: бесплатный браузерный пиксельный редактор, который ещё и создаёт 3D-миры

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

В Neta Studio есть браузерный пиксельный редактор с подключённым этапом генерации и 3D-конструктор игр за ним. Вы можете нарисовать спрайт 32x32 вручную, сгенерировать его из письменного описания с помощью Agent Sprite Forge, экспортировать спрайт-лист и затем пройтись внутри сцены, собранной из тех же пикселей. Без установки, без аккаунта. Ниже — честное сравнение, включая места, где Piskel по-прежнему остаётся лучшим инструментом.

Краткий ответ: существует ли бесплатная альтернатива Piskel?

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

Что Piskel делает хорошо

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

Кадры и слои — это отдельные оси, и это важнее, чем звучит. Цикл ходьбы из четырёх кадров с отдельным слоем контура означает, что контур вы перерисовываете один раз, а не четыре. Панель предпросмотра проигрывает анимацию с заданной вами частотой кадров, а один переключатель режима кальки делает соседние кадры призрачными, чтобы оценить интервалы до того, как вы зафиксируете результат. Экспорт охватывает форматы, которые движки действительно принимают: анимированный GIF, PNG-спрайт-лист и файл проекта .piskel. Импорт такой же прямой: либо перетащите файл .piskel в редактор, либо загрузите PNG-спрайт-лист и дайте ему нарезаться по заданной вами сетке.

Порог входа к первому спрайту действительно низкий. От пустой вкладки до читаемого персонажа 16x16 можно дойти за несколько минут, а ошибки невелики: палитра, которая мутнеет при масштабе 1x, дрожащий контур, цвет блика, который пропадает на фоне уровня.

Два проектных решения несут почти всю ценность. Сетка привязывается к целым коэффициентам масштаба, поэтому пиксель — всегда квадратный блок экранных пикселей, а не размазанные 3,5 пикселя. А набор экспорта мал и однозначен, поэтому инструмент никогда не просит настроить конвейер прежде, чем вы увидите свою анимацию.

Где Piskel останавливается

У Piskel нет этапа генерации. Каждый пиксель в листе — это сделанный вами клик или заливка, линия либо эллипс, которые вы поставили. Это не недостаток инструмента для рисования, это и есть суть инструмента для рисования. Но это задаёт нижнюю границу объёма. Спрайт 32x32 с примерно 20 процентами заполнения по четырём кадрам — это около 3000 решений о непрозрачных пикселях, и вы принимаете их заново каждый раз, когда меняется дизайн. Если ваше узкое место — пропускная способность художника, а не контроль над рисованием, Piskel не поможет, потому что между вашей фразой и вашим холстом в конвейере ничего нет.

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

И приложение фактически статично уже годы. Веб-редактор всё ещё работает, экспорт всё ещё открывается в текущих движках, а формат .piskel не менялся. Это стабильность, а не поломка. Но и новые функции не появляются. Если вам нужно то, чего Piskel сегодня не умеет, ждать обновления — не план.

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

Сравнение альтернатив

Читайте таблицу по узкому месту, а не по числу функций. Если вы хорошо рисуете и вам нужны только кадры, GIF и спрайт-лист, вам хватит Piskel или LibreSprite, и ни один из них не просит денег. Если вам нужно получать кадры быстрее, чем вы можете их нарисовать, вам нужна колонка генерации, а у Piskel её нет. Если ваш лист должен оказаться в сцене с камерой, вам нужна колонка 3D, и ни у Piskel, ни у LibreSprite её нет.

LibreSprite — это устанавливаемый вариант из этого списка: настольное приложение с настоящей временной шкалой, режимом кальки, слоями и экспортом спрайт-листа. У настольного приложения есть преимущества, которых нет у браузерной вкладки: нативные диалоги файлов, предсказуемый запас памяти на больших холстах и отсутствие риска, что вкладку освободят посреди сессии. У него те же два пробела: нет этапа генерации, нет 3D-вывода.

Одно предостережение насчёт колонок об анимации. Они описывают редактор, а не ваш движок. Каждый инструмент здесь экспортирует растровый лист, и то, с правильной ли скоростью проиграет его ваш движок, зависит от размера кадра, отступов и частоты кадров, которую вы задали при экспорте.

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

Чем мы отличаемся: пиксели, а затем мир, в который можно войти

Две половины — это один конвейер, и причина скучная: лист, который вы экспортируете, — это лист, который потребляет конструктор. Размер кадра, выбранный вами как 32x32, — это размер кадра, которого ожидает материал. Без пересэмплирования, без угадывания сетки, без повторной нарезки листа в импортёре движка посреди ночи. Эта непрерывность — всё утверждение.

Два параметра испортят результат, если их пропустить. Во-первых, фильтрация текстуры. В Three.js текстуре материала нужно сэмплирование по ближайшему соседу и для увеличения, и для уменьшения, а мипмапы нужно отключить, иначе ваши пиксели 32x32 размываются в кашу на расстоянии и мерцают при движении камеры. Во-вторых, масштаб. Изменяйте размер спрайтов целыми множителями. У спрайта, увеличенного в 3,5 раза, пиксели поочерёдно шириной в три и четыре экранных пикселя, что читается как шум хуже любой ошибки в палитре.

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

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

Это бесплатно?

Пиксельный редактор бесплатен. Генерация кадров спрайтов с Agent Sprite Forge бесплатна. Экспорт бесплатен. Ничто не стоит между рисованием спрайта и загрузкой PNG-спрайт-листа или анимированного GIF, и нет шага с платным доступом, где появляется водяной знак или включается ограничение разрешения.

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

Вывод — это три вещи. PNG-спрайт-лист, у которого сетка кадров совпадает с заданным вами размером холста. Анимированный GIF, полезный для превью и документации. И 3D-сцена, которая работает в браузере и остаётся редактируемой в 3D-конструкторе игр, а не является односторонним экспортом, который больше нельзя открыть. Если хотите увидеть конечное состояние этого третьего вывода, The Cyclops' Island и Mini World построены на нём.

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

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

FAQ