Спрайты для рогаликов

Рогаликам нужно много мелких, читаемых вещей: ловушки, сундуки, враги и добыча. Камера сверху при 32 px и одна палитра сохраняют их четкими на заполненном полу.

Срабатывающая ловушка с шипами, отрендеренная Pixor
Открывающийся сундук, отрендеренный Pixor
Парящий призрак, отрендеренный Pixor
Видвид сверху
РазмерТайлы и персонажи 32 px
Стороны1 для реквизита, 4 для персонажей
Реквизит подземелья для рогалика: лист, который рендерит этот пример проекта

Пример проекта

Реквизит подземелья для рогалика: проект .pixor и его модель из библиотеки (CC0). Лист слева — то, что он рендерит.

Что нужно рогалику

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

Здесь и помогает рендер из 3D-моделей. Одна камера, один масштаб и один облик превращают сотню мелких спрайтов в единый набор.

Камера

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

32 px — удобный размер для тайлов и персонажей. Он достаточно велик, чтобы читались шипы ловушки или замок сундука, и достаточно мал, чтобы на экране помещалась целая комната. Подробнее о выборе — в Размерах спрайтов.

Реквизиту вроде ловушек и сундуков обычно нужна одна сторона. Персонажам, которые двигаются в четырех направлениях, нужно четыре.

Масштаб и опорная точка

Используйте один масштаб пикселей на метр для всего проекта, чтобы ловушка заполняла свой тайл, а летучая мышь была меньше скелета. Pixor держит один масштаб на проект. Ставьте опорную точку в центр тайла для ловушек и напольных объектов и под ноги для персонажей. Pixor закрепляет опорную точку на одном пикселе, поэтому спрайт остается на своем тайле в каждом кадре.

Анимация

Анимации в рогаликах короткие и по делу. Срабатывает ловушка, открывается сундук, дергается рычаг. Персонажам нужны покой, движение, атака, получение удара и смерть; в библиотеке движений Pixor все это есть для гуманоидных скелетов. Добыча может вращаться, покачиваться или пульсировать, показывая, что ее можно подобрать. При 32 px достаточно коротких циклов из нескольких кадров. См. анимация.

Палитра

Полы и стены делайте темными и спокойными, а тому, что игрок должен заметить, давайте больше контраста. Выборочная обводка на врагах и добыче помогает им выделяться на фоне пола. Общая палитра сохраняет единообразие сгенерированных комнат. В Pixor семь встроенных палитр, он читает файлы Lospec .hex и GIMP .gpl; есть и дизеринг, если он вам нужен. См. рампы палитры.

Подходящие бесплатные ассеты из библиотеки

Набор «подземелье» показывает их вместе.

Настройка в Pixor

  1. Импортируйте свою модель или откройте пример рогалика.
  2. На шаге «Сцена» щелкните камеру «South» на панели «Структура». Ее параметр «Игра» одним щелчком настраивает ее под жанр; выберите рогалик.
  3. Проверьте «Вид», «Наклон», «Ширина» и «Высота». Для персонажей используйте «Кольцо вокруг модели», чтобы добавить камеры (4).
  4. На шаге «Действие» выберите анимацию, например срабатывание ловушки.
  5. На шаге «Стиль» выберите облик.
  6. Экспорт записывает лист. О PNG, JSON, .aseprite и Godot SpriteFrames см. экспорт.

Вопросы

Вид сверху или три четверти для рогалика?

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

Сколько сторон нужно ловушкам и реквизиту?

Обычно одна. Ловушка или сундук редко поворачиваются. Персонажи, перемещающиеся между тайлами, часто получают четыре.

Как сохранить читаемость заполненного пола?

Используйте общую палитру, делайте пол темнее и менее контрастным, а врагам и добыче давайте выборочную обводку, чтобы они выделялись.

Читать дальше

Попробуйте на своей модели бесплатно в браузере или купите полную версию.

Попробовать в браузере Получить Pixor