Альтернатива PixelLab — от пиксельных спрайтов к проходимым 3D-игровым ассетам
Создайте собственную альтернативу PixelLab
PixelLab генерирует 2D-пиксельные ассеты. Neta генерирует пиксельные спрайты и 3D-модели — а затем помещает их в мир, по которому можно ходить. Бесплатно, в браузере.
Поиск альтернативы PixelLab обычно начинается с конкретного разочарования: пиксель-арт хорош, но сцены, для которой он задумывался, ещё не существует. PixelLab генерирует 2D-пиксельные ассеты: спрайты персонажей, циклы ходьбы, наборы поворотов, тайлсеты, рамки интерфейса. Он делает это хорошо. Чего он не делает — так это не размещает эти ассеты в пространстве, по которому можно ходить.
Neta Studio охватывает обе половины в одной браузерной вкладке. Вы генерируете пиксельные спрайты, а затем помещаете их в настоящий мир Three.js с глубиной, коллизиями и камерой, которой управляете через WASD. Без установки, без экспортированного проекта движка, без отдельного конвейера ассетов, который нужно синхронизировать. Эта страница рассказывает, где PixelLab останавливается, где начинается 3D-сцена и как решить, нужна ли вам вторая половина вообще.
Краткий ответ
PixelLab создаёт 2D-пиксельные ассеты. Спрайты, кадры анимации, многоповоротные наборы, изометрические наборы, тайлсеты, элементы интерфейса — плюс инпейнтинг и редактирование с сохранением стиля. Это полный ответ на задачу пиксель-арта. Граница в том, что ассеты — это не сцена. У спрайт-листа нет позиции, глубины, коллайдера и камеры. Если в вашей игре фиксированная камера и тайловая сетка, эта граница вас никогда не беспокоит. Если вам нужно пространство, по которому кто-то может ходить, ассет — это вход, а не выход, и вам нужно то, что его размещает.
Что PixelLab делает хорошо
Важно конкретно разобрать четыре сильные стороны, потому что подходящая альтернатива зависит от того, какой именно из них вы пользуетесь.
Во-вторых, многоповоротные и изометрические наборы. Один базовый спрайт превращается в набор из 4 или 8 направлений, плюс изометрические варианты, подогнанные под сетку 2.5D. Именно этот этап пропускает большинство генераторов, и обычно он решает, пригоден ли спрайт для настоящей игры, а не для макета.
В-третьих, редактирование и инпейнтинг с сохранением стиля. Вы можете перекрасить шлем, починить сломанную руку или удлинить торс, не перегенерируя персонажа и не теряя уже одобренную версию. В-четвёртых, генерация окружения и тайлсетов: трава, камень, вода, наборы стен — с согласованными краями, чтобы тайлы стыковались без швов.
- Согласованная AI-анимацияЦикл ходьбы, сгенерированный по одному референсу, сохраняет палитру и пропорции от кадра к кадру. Дрейф между кадрами — обычная проблема AI-пиксельной анимации, и удержать персонажа в едином образе на протяжении 6–8 кадров — самая сложная часть.
- Многоповоротные и изометрические наборыОдин спрайт становится набором из 4 или 8 направлений, плюс изометрические повороты, выровненные по ромбовидной сетке. Количество направлений выбирается заранее, так как каждое направление — отдельный проход.
- Редактирование и инпейнтинг с сохранением стиляЛокальные правки остаются в пределах существующей палитры и толщины линий. Полезно, когда неверна одна деталь, а перегенерация всего спрайта стоила бы вам уже одобренной версии.
- Генерация окружения и тайлсетовЛандшафт, реквизит и наборы стен генерируются как наборы, с согласованной обработкой краёв, чтобы тайл 32x32 стыковался с соседним без видимого шва.
2D-ассеты против 3D-ассетов
2D-ассеты решают вопрос текстуры. 3D-ассеты решают вопрос пространства. Это разные задачи с разными режимами отказа, и именно их смешение заставляет многих метаться между инструментами, так ничего и не завершив.
Первый тип задачи — фиксированная камера. В платформере с видом сбоку или RPG с видом сверху спрайт — это всё представление объекта. Всё, что игроку нужно знать о персонаже, находится внутри одного кадра. Глубина имитируется порядком отрисовки: слой сортировки в Unity, Y-sort в Godot, индекс в собственном рендерере. Это работает, это дёшево и ничего не стоит с точки зрения точности. Здесь 2D-инструмент — правильный выбор, и никакой 3D-конвейер это не улучшит.
Второй тип задачи — камера, которой управляет игрок. Как только камера поворачивается или игрок проходит мимо объекта, набора из 8 направлений перестаёт хватать. У вас восемь ракурсов, у камеры — бесконечное множество углов, и разрыв проявляется в том, что персонаж скачком меняет направление, пока мир плавно скользит. Ассет должен стать геометрией с текстурой, или квадом, обращённым к камере, или и тем и другим. Вот где проходит черта: если камера фиксирована, 2D достаточно; если камера движется, нужно размещение в 3D-пространстве.
| Что вы создаёте | Что должен делать ассет | Какой инструмент подходит |
|---|---|---|
| Платформер с видом сбоку, фиксированная камера | Один спрайт на состояние; глубина — это порядок отрисовки | 2D. PixelLab достаточно. |
| RPG с видом сверху, 4 или 8 направлений | Набор поворотов для каждого персонажа, тайлсет для карты | 2D, плюс редактор тайлмапов в вашем движке |
| Изометрическая сцена, угол камеры зафиксирован | Изометрические тайлы и повёрнутые спрайты | Любой. 2D дешевле, если камера никогда не поворачивается. |
| Исследуемая сцена, камера под управлением игрока | Геометрия с текстурами или спрайты в виде квадов, обращённых к камере | 3D-конвейер. Здесь и подходит Neta. |
| Проход от первого или третьего лица | Модели, материалы, объёмы коллизий | Только 3D. Набор спрайтов с этим не справится. |
Сгенерируйте спрайт здесь
Пиксельные спрайты здесь тоже есть. Генератор выполняет тот же класс задач, что и PixelLab: опишите объект — и получите спрайт с прозрачным фоном и раскладкой кадров, которую можно нарезать. Именно порядок решений определяет, будет ли результат пригодным.
Agent Sprite Forge делает это внутри Neta Studio. Важно, что это тот же инструментарий, который питает 3D-сторону, потому что спрайт, созданный здесь, можно разместить прямо в сцене как стендай, а не экспортировать в другую программу и импортировать обратно.
01
Опишите объект одним предложением: объект, подсказка о силуэте, палитра. «Бронированный рыцарь-жаба, зелёный с латунью, широкие плечи» всегда побеждает абзац предыстории.
02
Выберите размер холста прежде всего остального. 32x32 для тайлов и мелкого реквизита, 64x64 для персонажей, 128x128 — только если спрайт будет отображаться крупно. Согласуйте его с размером тайла или Pixels Per Unit в вашем движке сразу, а не после того, как одобрите спрайт в неверном разрешении.
03
Выберите количество направлений. 1 для игры с фиксированной камерой, 4 для сетки с видом сверху, 8 если персонаж плавно поворачивается. Каждое направление — отдельный проход генерации, так что это решение о затратах не меньше, чем художественное решение.
04
Выберите количество кадров. 1 для статичного реквизита, 4 для состояния покоя, 6–8 для цикла ходьбы. Больше кадров — не лучше: восемь кадров в 32x32 — это уже больше деталей, чем может вместить холст, и лишние кадры получаются мутными.
05
Установите точку привязки у ног персонажа, а не в центре изображения. Привязка по центру — самая частая причина того, что персонажи при размещении висят на полспрайта над землёй.
06
Сначала зафиксируйте палитру, затем попросите тёмную обводку в 1 пиксель. Обводка неодобренного спрайта сжигает проход, который вы потом выбросите.
Поиграйте в сцену, собранную из ассетов
Ассет становится миром, когда что-то решает, где он стоит и что блокирует игрока. В этом вся разница, и она сводится к небольшому числу настроек.
Режимы отказа проявляются здесь, а не в генераторе. Два стендая в одной координате конфликтуют по глубине (z-fighting): сместите один на несколько сантиметров, а не боритесь с буфером глубины. Спрайт с включённой прозрачностью и без альфа-теста сортируется относительно стен неправильно, потому что рендерер не может определить, какие пиксели непрозрачны. А тень, отбрасываемая квадом с альфа-тестом, рендерится как сплошной прямоугольник, если теневой материал не проверяет альфу по тому же порогу.
01
Сгенерируйте или импортируйте спрайт. Прозрачный PNG, точка привязки у ног.
02
Разместите его. Конструктор ставит в эту позицию квад, обращённый к камере, так что спрайт становится стендаем в 3D-пространстве, а не плоским слоем.
03
Задайте масштаб относительно сетки мира. Один тайл равен одной мировой единице. Персонаж в 64 пикселя высотой в два тайла получает высоту квада 2; ширина следует из соотношения сторон, не задавайте её вручную.
04
Настройте материал для пиксель-арта. Фильтрация Point, мипмапы выключены, альфа-тест на 0.5, прозрачность выключена. Мипмапы вместе с билинейной фильтрацией на текстуре 32x32 — самая частая причина того, что сгенерированный пиксель-арт выглядит мутным, оказавшись в 3D-сцене.
05
Добавьте коллизию у ног. Коллайдер в виде капсулы или бокса. Спрайт плоский; коллайдер — нет, и не должен быть.
06
Пройдитесь по нему. Камера от первого лица или следящая, WASD, обзор мышью. Если сцена по-прежнему читается правильно с движущейся камеры, размещение готово.
PixelLab, thepixellab, the pixel lab — это один и тот же инструмент?
Да. PixelLab, thepixellab, the pixel lab и pixel lab — это один и тот же запрос, набранный четырьмя способами. Поисковые системы сводят пробелы и ведущий артикль к одной сущности, поэтому все четыре варианта приводят к одному и тому же продукту. Не существует отдельного инструмента под названием «the pixel lab» и отдельного продукта «pixel lab», скрытого за этим вариантом.
Варианты с опечатками дают скудные результаты по структурной причине, а не из-за популярности. Запрос, за которым не стоит конкурирующая сущность, выдаёт навигационные результаты: собственные страницы продукта, и ничего больше. Сравнительные материалы, списки альтернатив и обучающие руководства пишутся под категорию, а опечатка — не категория. Трёхсловная форма к тому же ещё слабее, потому что «pixel lab» размывается по не связанным между собой значениям фразы, таким как обработка изображений и печатная работа, и результаты перестают быть о спрайтах вообще. Если вам нужна 3D-половина задачи, запрос должен быть о построении сцены или 3D-игровых ассетах, а не об ещё одном написании того же названия продукта. Именно это и покрывает конструктор 3D-игр.
| Вариант запроса | К чему он приводит | Что с ним делать |
|---|---|---|
| pixellab | Сам продукт | Используйте его как базовый запрос |
| thepixellab | Тот же продукт, ведущий артикль сведён | Ничего другого. Те же результаты. |
| the pixel lab | Тот же продукт, пробелы сведены | Читайте органические результаты, а не верхние рекламные блоки |
| pixel lab | Размывается по несвязанным значениям фразы | Добавьте «sprite» или «animation», чтобы задать смысл пиксель-арта |
| pixellab alternative | Намерение сравнить; 3D-половина не затронута | Отталкивайтесь от своей камеры, а не от названия инструмента |
Нужны ли вам 3D-ассеты вообще?
Скорее всего, нет. Большинству людей, ищущих альтернативу PixelLab, 3D-конвейер не нужен, а его добавление отнимает реальное время. Мешу нужны UV-развёртка и материал, прежде чем он станет хоть на что-то похож. Спрайту не нужно ни то, ни другое. Оцените это честно, прежде чем решите, что 3D-версия — это апгрейд.
Есть срединный путь, который избегает большей части затрат: сохраните пиксельные спрайты и разместите их в 3D-сцене как квады, обращённые к камере. Вы получаете глубину, движущуюся камеру и свободное размещение без моделирования и риггинга. Именно для этого случая создан конструктор 3D-игр, и это единственный случай, когда вы получаете обе половины, не делая работу дважды.
- 2D верен, когда камера фиксированаВид сбоку, сверху или зафиксированный изометрический угол. Если камера никогда не поворачивается, никакое количество геометрии не добавит информации, которой спрайт уже не несёт, а вы платите за конвейер, который ничего не меняет на экране.
- 2D верен, когда сама игра — это тайминг анимацииТочное количество кадров, намеренные задержки, подсказки длиной в один кадр. Такое создаётся в спрайт-листе, где вы контролируете каждый пиксель, а не в интерполированном риге.
- 2D верен, когда пиксельная сетка — это сама сутьЕсли ваш вьюпорт мал и каждый пиксель намеренен, 3D-сцена пересэмплирует эту сетку под произвольными углами. Внешний вид не сохраняется; он усредняется.
- 3D стоит того, когда камерой управляет игрокПроходимые сцены, исследуемые уровни, всё, где поворот вокруг себя — часть опыта. Набор спрайтов из 8 направлений не может покрыть непрерывное вращение.
- 3D стоит того, когда сцена — это конечный результатДемо, работа для портфолио, уровень, который вы хотите дать кому-то открыть в браузерной вкладке и исследовать. Артефакт — это проход по миру, а не спрайт.
- 3D стоит того, когда нужен масштаб и свободное размещениеРеквизит произвольных размеров, объекты на ландшафте, пространство, которое должно читаться с любого угла подхода. Позиция и поворот становятся настоящими значениями, а не порядком отрисовки.
Войдите в мир, которому это принадлежит
Разрыв между спрайтом и местом — в этом весь смысл этой страницы. Откройте её дальнюю сторону: изометрический 3D-мир, материал которого сгенерирован, сцена описана, и который работает в той же браузерной вкладке, где вы бы экспортировали PNG.
FAQ
PixelLab бесплатен? +
Смотрите его текущую страницу с ценами, а не сторонние обзоры, потому что тарифы меняются, и мы не станем приводить число, которое может устареть. С нашей стороны генератор спрайтов и конструктор 3D-игр бесплатны для использования в браузере, без установки.
Может ли PixelLab создавать 3D-модели? +
Нет. Он выдаёт 2D-растровые ассеты: спрайт-листы, наборы поворотов, тайлы, интерфейс. Здесь нет ни меша, ни UV-развёртки, ни материала. Изометрический результат выглядит объёмным, но таковым не является; это плоское изображение, нарисованное по ромбовидной сетке, и оно не будет поворачиваться вместе с движущейся камерой.
Будут ли спрайты работать в Unity или Godot? +
Да. Вы экспортируете PNG-лист плюс метаданные кадров. В Unity импортируйте как Sprite Mode: Multiple, задайте Pixels Per Unit в соответствии с размером тайла, Filter Mode: Point, Compression: None. В Godot импортируйте лист, отключите фильтрацию текстуры и нарежьте из него области. В обоих случаях оставляйте сжатие выключенным, потому что сжатие движка — обычная причина того, что экспортированный пиксель-арт получается размытым.
thepixellab — то же самое, что pixellab? +
Да. Поисковые системы считают ведущий артикль шумом, поэтому оба написания приводят к одному и тому же продукту, и за этим вариантом не стоит отдельного инструмента. Трёхсловная форма «the pixel lab» — это тот же запрос, просто слабее в результатах.
Какая лучшая бесплатная альтернатива? +
Зависит от того, какой половины вам не хватает. Если вам нужны 2D-пиксельные ассеты, PixelLab уже полностью справляется с этой задачей, и смена ничего вам не даст. Если вам нужны эти ассеты внутри сцены, по которой можно ходить, Neta Studio покрывает обе половины: сгенерируйте спрайт, разместите его как квад, обращённый к камере, в мире Three.js, добавьте коллайдер у ног, пройдитесь по нему в браузере.
Нужно ли мне что-то рисовать? +
Нет. Вы пишете описание и выбираете размер холста, количество направлений и количество кадров. Но вам всё же нужно принять два решения, которые генератор не может принять за вас: размер спрайта относительно тайловой сетки и количество направлений относительно поведения камеры. Именно эти два вызывают больше переделок, чем когда-либо вызывало качество арта.
Назад к конструктору 3D-игр
Все 31 готовых 3D-мира, игры и сцены живут на одной странице — в каждую из них можно играть.