Спрайты для изометрических игр
Изометрический пиксель-арт подчиняется строгим правилам линий. Камера с видом 2:1 соблюдает их за вас на каждом здании и с каждой стороны.
| Вид | изометрия 2:1 |
|---|---|
| Размер | Здания 96 px, персонажи 32–48 px |
| Стороны | 4 |

Пример проекта
Изометрическое здание: проект .pixor и его модель из библиотеки (CC0). Лист слева — то, что он рендерит.
Что нужно изометрической игре
Изометрические игры строятся из деталей, подходящих к ромбической сетке: тайлы пола, части стен, здания, реквизит и персонажи. Градостроительные и стратегические игры опираются на здания и рельеф. Тактическим играм и RPG нужны и персонажи, обычно в четырех или восьми направлениях.
Рисовать такое вручную долго: каждая линия должна следовать сетке, а каждый поворот приходится перерисовывать. 3D-модель, отрендеренная через изометрическую камеру, дает правильные линии с каждой стороны.
Камера
Используйте изометрический вид 2:1. Края пола смещаются на два пикселя вбок на каждый пиксель вверх, что дает чистые, ровные лесенки линий, которыми известен изометрический пиксель-арт. Изометрический пиксель-арт объясняет, почему 2:1 — обычный выбор.
Зданиям нужно место. Дом-образец рендерится размером 96 px, что оставляет пространство для крыши, окон и двери, которые четко читаются. Персонажи меньше, обычно от 32 до 48 px, а объекты — где-то посередине.
Отрендерите четыре стороны. Здание, видимое с каждого угла, позволяет игроку вращать карту, а вам — ставить один и тот же дом в разных направлениях. Персонажам можно четыре или восемь.
Масштаб и опорная точка
Единый масштаб в пикселях на метр для всего проекта здесь важен даже больше, чем в других жанрах. Если дом отрендерен в одном масштабе, а бочка в другом, они не встанут на одну сетку. Pixor держит один масштаб на проект, поэтому размеры остаются верными моделям.
Ставьте опорную точку туда, где объект касается земли, в центр его основания. Pixor фиксирует опорную точку на одном пикселе, поэтому каждая сторона и каждый кадр выравниваются по тайлу.
Анимация
Здания по большей части неподвижны, но небольшие циклы оживляют карту: развевающийся флаг, вращаемый ворот колодца, дым или огонь. Делайте их короткими и медленными, чтобы экран, полный таких объектов, оставался спокойным. Pixor подавляет мерцание между кадрами, что важно на крупных детализированных спрайтах. Для персонажей idle, ходьба, бег, атака, получение удара и смерть из библиотеки движений работают на любом гуманоидном скелете. См. анимацию.
Палитра
Изометрические сцены показывают много сразу, поэтому общая палитра не дает им выглядеть шумно. Полосы света дают зданиям четкие освещенные и затененные грани, что помогает глазу читать форму. Рампы со сдвигом оттенка не дают теням становиться грязными. В Pixor семь встроенных палитр, и он читает файлы Lospec .hex и GIMP .gpl. См. рампы палитры.
Подходящие бесплатные ассеты из библиотеки
- Здания: house-small, house-medium и house-large.
- Реквизит для города: колодец, market-stall, тележка, забор, lamp-post и флаг.
- Природа: pine-tree, валун и пруд.
Набор «деревня» собирает многие из них в одной сцене.
Настройка в Pixor
- Импортируйте свою модель или откройте изометрический пример.
- На шаге «Сцена» щелкните камеру «South» на панели «Структура». Ее параметр «Игра» одним щелчком настраивает ее под жанр; выберите изометрическую игру.
- Используйте «Кольцо вокруг модели», чтобы добавить камер: 4. Задайте Ширину и Высоту достаточно большими для здания, например 96 px.
- На шаге «Действие» выберите анимацию, если она есть у модели.
- На шаге «Стиль» выберите облик.
- Экспорт записывает лист. Pixor также может экспортировать карты нормалей или глубины; см. экспорт.
Вопросы
Что означает 2:1?
Линии пола идут на два пикселя вбок на каждый пиксель вверх. Это дает чистые, регулярные ступенчатые края, поэтому большая часть изометрического пиксель-арта использует именно такую пропорцию.
Почему у здания четыре стороны?
Если игрок может вращать карту или одно и то же здание ставится в разных направлениях, нужен каждый угол. Четыре стороны покрывают их все. Зданию, которое никогда не поворачивается, нужна только одна.
Могут ли персонажи использовать одну камеру?
Да. Используйте один и тот же вид и один масштаб проекта, чтобы персонажи, реквизит и здания выстраивались по одной сетке.
Читать дальше
Попробуйте на своей модели бесплатно в браузере или купите полную версию.
Попробовать в браузере Получить Pixor