Спрайты для платформеров

Платформер видит все сбоку, поэтому часто достаточно одной камеры, смотрящей вправо. Движок отражает спрайт, когда персонаж поворачивается.

Идущий гоблин, отрендеренный Pixor
Летящая летучая мышь, отрендеренная Pixor
Вращающаяся монета, отрендеренная Pixor
Видсторона
Размерперсонажи по 48 px, тайлы по 16 или 32 px
Стороны1 (Восток, отраженный для Запада)
Персонаж платформера, вид сбоку: лист, который рендерит этот пример проекта

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

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

Что нужно платформеру

Платформеру нужен герой с множеством движений: idle, ходьба, бег, прыжок, падение, атака, получение удара и смерть. Врагам нужно меньше — обычно ходьба или полет и смерть. Затем идут подбираемые предметы, ловушки, двери, рычаги и декорации для фона.

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

Камера

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

Большинству платформеров нужна только одна сторона. Отрендерите персонажа смотрящим вправо (восток), а влево пусть отражает движок. Если персонаж несимметричен и отражение выглядит неправильно, добавьте еще и камеру «Запад».

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

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

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

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

Анимация

Для гуманоидных скелетов в библиотеке движений Pixor есть idle, walk, run, jump, attack, hit и death — это полный набор героя платформера. Для реквизита вращение подходит монетам и самоцветам, покачивание — парящим подбираемым предметам, качание — подвешенным вещам, а пульсация — светящимся. Не увлекайтесь числом кадров: бег из шести–восьми кадров плавен при 48 px. Подробнее — в разделе анимация.

Палитра

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

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

Настройка в Pixor

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

Вопросы

Почему только одна сторона?

В игре с видом сбоку персонаж смотрит влево или вправо. Отрендерите его смотрящим вправо (восток), а влево пусть отражает движок. Это вдвое уменьшает лист и сохраняет оба направления одинаковыми.

Когда стоит рендерить еще и Запад?

Если персонаж несимметричен — например, меч всегда в правой руке, — отражение поменяет руку. Добавьте камеру «Запад», если это для вас важно.

Каким должен быть размер персонажа платформера?

48 px дают место для читаемых лиц и конечностей на сетке тайлов 16 или 32 px. Небольшие игры используют 32 px или меньше; это зависит от того, какую часть уровня вы хотите видеть на экране.

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

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

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