Piskelapp Alternative — бесплатный браузерный спрайтовый инструмент, который также создаёт 3D

Если вы набрали piskelapp в адресной строке, вы уже нашли Piskel: piskelapp — это домен бесплатного браузерного редактора пиксель-арта. Так что «piskelapp alternative» и «piskel alternative» — один и тот же вопрос, заданный двумя способами. Отдельного продукта под названием PiskelApp не существует. Имя, которое все запоминают, — это адрес.

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

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

piskelapp — это домен Piskel, бесплатного браузерного редактора пиксель-арта, поэтому «piskelapp alternative» и «piskel alternative» — обычно один и тот же вопрос. С инструментом ничего не изменилось, когда домен стал именем, которое все запомнили. Приложение — это Piskel. А запрос — это имя хоста.

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

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

О чём на самом деле спрашивает «piskelapp alternative»

Уберите домен, и предложение станет таким: «мне нужен спрайтовый инструмент». Оно распадается на три требования, которые постоянно путают: рисование, где человек двигает пиксели; генерация, где модель рисует кадры по текстовому описанию; и сборка, где кадры становятся спрайт-листом, спрайт-лист становится анимацией, а анимация становится сценой. Piskel хорошо покрывает первое и часть третьего. О двух других у него нет никакого мнения.

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

Что такое piskelapp (Piskel)

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

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

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

• КалькаРисует предыдущий и следующий кадры позади текущего с низкой непрозрачностью. Вы управляете непрозрачностью и тем, какие соседние кадры показывать. Это единственная функция, которая делает ручные циклы анимации возможными, а не догадками.
• ПалитраСоздайте или импортируйте палитру, затем удерживайте каждый кадр внутри этих образцов. Порядок индексов важен позже: именно его вы переносите в шейдер или процедуру замены палитры.
• Экспорт спрайт-листаОдин PNG, ваше число столбцов, ваше число строк, целочисленный масштаб. Именно этот файл реально потребляет движок или 3D-сцена.
• Экспорт GIFАнимированный GIF с задержкой для каждого кадра. Хорош для того, чтобы поделиться циклом, неудобен для игр: GIF ограничен 256 цветами на кадр и 1-битной прозрачностью, поэтому мягкие края возвращаются либо жёсткими, либо вовсе исчезают.
• Файл проекта .piskelФормат сохранения — JSON, содержащий данные кадров и палитру. Он снова открывается в Piskel. В других редакторах он не открывается.
• Без аккаунтаВходить некуда. Проект живёт во вкладке, в хранилище браузера и в тех файлах, которые вы скачаете.

Почему люди ищут домен вместо названия

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

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

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

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

Это проверяемые ограничения, а не жалобы. Каждое из них можно подтвердить за один день.

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

• Нет этапа генерацииPiskel рисует то, что рисуете вы. Нет поля запроса, нет загрузки референсов, нет модели, предлагающей кадры. Если вам нужен цикл ходьбы в восьми направлениях, вы рисуете восемь направлений.
• Нет 3D-выводаВыход — растровые кадры. Нет меша, нет камеры, нет графа сцены и нет освещения. Спрайт-лист, используемый в 3D, — это текстура, которую вы сами прикрепляете, разрезаете и выравниваете.
• Нет облачного проектаНет аккаунта — нет проекта на сервере. Переходя на другую машину, вы импортируете скачанный файл. Очистите не то хранилище браузера — и локальная копия во вкладке исчезнет вместе с ним.
• Нет среды выполненияPiskel проигрывает вашу анимацию в панели предпросмотра с фиксированной частотой кадров и на этом останавливается. Он не обрабатывает ввод, физику, столкновения или камеру.
• Только целочисленное масштабированиеМасштаб экспорта — целочисленный множитель не просто так. Спрайт 32×32, нарисованный в 1,5×, даёт пиксели, которые попеременно имеют ширину в один и два экранных пикселя. Редактор не может это исправить; исправление — фильтрация «ближайший сосед» плюс целочисленное увеличение во время отображения.

Piskel против браузерного спрайтового инструмента

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

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

Когда альтернатива piskelapp стоит смены

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

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

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

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

Режимы отказа предсказуемы, и это полезно. Двусмысленные слова о ракурсе дают кадры, которые скачут между двумя прочтениями — «лицом вперёд» для персонажа, у которого ещё есть направление ходьбы, сработает именно так. Большое число кадров при малом размере холста оставляет очень мало места на кадр: восемь кадров при 16×16 дают примерно сотню пикселей области рисования на каждый, поэтому детали превращаются в шум. Спрайт-листы, смешивающие силуэты, созданные под разными палитрами, выглядят как два персонажа, сшитых вместе. Во всех трёх случаях исправление — это предложение, а не модель.

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

• Спрайт-лист PNGОдно изображение, кадры разложены по вашему числу столбцов и строк. Это первое, что хочет движок или загрузчик текстур.
• Данные атласаПрямоугольники кадров, точки привязки и рекомендуемая частота кадров, так что анимация проигрывается без того, чтобы кто-то вручную собирал клип.
• PNG для каждого кадраДля случаев, когда вы хотите подправить один кадр в пиксельном редакторе и заново упаковать спрайт-лист сами.
• GIFБыстрый артефакт для просмотра. Он несёт те же ограничения в 256 цветов и 1-битную прозрачность, что и любой GIF.

От спрайт-листа к миру

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

Камера — вторая половина. Пиксель-арт читается правильно под ортографической камерой под изометрическим углом, примерно 2:1 — след тайла 32×16 при наклоне около 30 градусов. Переключитесь на перспективную камеру, и спрайты вдали сжимаются быстрее, чем наземная сетка, что выглядит неправильно, даже когда технически ничего не сломано. Масштабируйте целыми шагами: 1×, 2×, 4×. Масштаб 1,5× покажет вам строки в один и два пикселя внутри одного и того же спрайта.

Физика и тени — то, что люди недооценивают в первый раз. Спрайт-билборд — это плоский квад, всегда обращённый к камере, поэтому он не может получать настоящую проецируемую тень; контакт с землёй — это отдельная мягкая капля-декаль, нарисованная под персонажем. Столкновения обходятся дешевле как сетка заблокированных тайлов, чем как коллайдеры-меши — агент идёт по пути через сетку, и тайл, на котором он стоит, решает, разрешён ли шаг. «Остров Циклопа» в Neta Studio построен именно так, а Mini World — это меньшая версия того же цикла: сгенерируй спрайт-лист, помести его в тайловую сцену, обойди вокруг него.

• Фильтрация «ближайший сосед»Сохраняет пиксели спрайта квадратными. Билинейная фильтрация спрайта 32×32 даёт мягкие, мутные края, которые дальше уже ничем не исправить.
• Отступы атласаОдин-два прозрачных пикселя расширения вокруг каждого кадра предотвращают просачивание цвета по краям, когда включены мипмапы.
• Ортографическая камераСовпадает с пиксельной сеткой на любой дистанции. Перспективная камера ломает соотношение между масштабом спрайта и размером тайла.
• Декаль-капля тениБилборд не может получать проецируемую тень, поэтому контакт с землёй рисуется, а не симулируется.
• Столкновения по тайловой сеткеПоиск по заблокированным тайлам быстр и предсказуем. Коллайдеры-меши на тайловом мире стоят дороже и ничего не дают.

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

У вопроса о домене есть короткий ответ и длинный. Короткий: это Piskel, и это 2D-редактор. Длинный: что происходит после того, как спрайт-лист готов — откройте мир, построенный из тех же пикселей, и увидите тот шаг, перед которым редактор останавливается.

FAQ