Спрайты для платформеров
Платформер видит все сбоку, поэтому часто достаточно одной камеры, смотрящей вправо. Движок отражает спрайт, когда персонаж поворачивается.
| Вид | сторона |
|---|---|
| Размер | персонажи по 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. См. рампы палитры.
Подходящие бесплатные ассеты из библиотеки
- Персонажи и враги: скелет, летучая мышь, паук и гоблин.
- Подбираемые предметы: монета, самоцвет, сердце и звезда.
- Части уровня: дверь, рычаг, ящик и wall-torch.
Настройка в Pixor
- Импортируйте свою модель или откройте пример платформера.
- На шаге «Сцена» щелкните камеру «South» на панели «Структура». Ее параметр «Игра» одним щелчком настраивает ее под жанр; выберите платформер.
- Задайте ей Поворот, чтобы камера видела правый бок персонажа (восток), затем проверьте «Вид», «Наклон», «Ширина» и «Высота». Этой одной камеры листу достаточно.
- На шаге «Действие» выберите анимации, например idle и walk.
- На шаге «Стиль» выберите облик.
- Экспорт записывает лист. О форматах см. экспорт, а о переносе в движок — Godot или Unity.
Вопросы
Почему только одна сторона?
В игре с видом сбоку персонаж смотрит влево или вправо. Отрендерите его смотрящим вправо (восток), а влево пусть отражает движок. Это вдвое уменьшает лист и сохраняет оба направления одинаковыми.
Когда стоит рендерить еще и Запад?
Если персонаж несимметричен — например, меч всегда в правой руке, — отражение поменяет руку. Добавьте камеру «Запад», если это для вас важно.
Каким должен быть размер персонажа платформера?
48 px дают место для читаемых лиц и конечностей на сетке тайлов 16 или 32 px. Небольшие игры используют 32 px или меньше; это зависит от того, какую часть уровня вы хотите видеть на экране.
Читать дальше
Попробуйте на своей модели бесплатно в браузере или купите полную версию.
Попробовать в браузере Получить Pixor