Как создать наклонную (высотную) изометрическую плитку

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

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

1. Создайте квадратную версию плитки размером 64x64
2. Поворот на 45 градусов
3. Уменьшите высоту в 2 раза

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

Я не уверен, как я могу манипулировать вершинами, иначе это было бы легко, но в основном, чтобы получить «наклонную» плитку из моей основной изометрической плитки, все, что мне нужно сделать, это сместить нижнюю и правую вершину вниз на 16 пикселей. , фиксируя две другие вершины. Это сгенерирует плитку, которую я хочу.

Что это простой способ сделать это. Является ли Photoshop подходящим инструментом для этого? Какие-либо предложения?

Вы можете создавать плитки, если хотите - используя Photoshop или что-то еще. Я бы порекомендовал программу для векторного рисования, а не программу для пиксельного рисования (я не знаю достаточно о Photoshop и т. Д., Чтобы знать, что он предоставляет в настоящее время).

Лично я бы посоветовал вам не беспокоиться о создании плиток, вместо этого пусть игра на самом деле рисует их, используя ваш API рисования, это будет намного проще (особенно если вы понимаете, сколько разных наклонных плиток вам понадобится).

Сохраняйте квадратное изображение размером 64x64 в качестве источника, чтобы получить наклонные версии, сначала необходимо наклонить изображение с правой стороны (в соответствии с примером изображения), затем повернуть на 45 градусов и уменьшить его по высоте. Результатом будет искомый уклон (с небольшим количеством проб и ошибок для определения того, сколько перекосить).

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

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