Редактор гексагональных карт

Руководство по созданию фентезийных миров

Редактор гексагональных карт

Редактор гексагональных карт

Чтобы создать интересное приключение недостаточно просто подготовить набор несвязных локаций, городов и пещер. Гейм мастера создают целые миры, в которых существуют их игроки. Создавать карты событий и локаций мы уже научились, при помощи редактора РПГ карт, но что поможет в создании игрового мира, где располагаются все эти локации и живут драконы?

У нас как раз есть приложение, которое поможет в этом — редактор гексагональных карт. При помощи этой утилиты вы сможете создавать фентезийные миры или миры будущего. Все что угодно — все, до чего доведет вас фантазия. Как и с редактором РПГ карт, мы придерживались следующих принципов:

  1. Масштабируемость
    наши карты должны иметь возможность увеличиваться в размерах, без потери качества изображения, никаких размазанных картинок, все должно быть четко.
  2. Возможность кастомизации
    пользователь должен обладать возможностью подстроить элементы управления таким образом, чтобы ему было удобно пользоваться редактором.
  3. Создание иконок
    важно, чтобы гейм мастер мог сам создать недостающие иконки, при этом процесс не должен быть очень сложным. Разобравшись с редактором РПГ иконок, буквально через 40 минут, любой человек сможет делать иконки, которые можно использовать, где угодно, не только в РПГ картах
  4. Несколько уровней
    нам всегда нравились карты в играх HOMM3, там, где есть подземные уровни и в нашей карте тоже хотелось бы сделать такие подземные уровни, но мы решили пойти дальше, за облака.
  5. Простой и понятный интерфейс
    программа должна быть проста в освоении и понятна, в тоже время должна быть богата по функционалу. Мы используем единые подходы в наших интерфейсах, чтобы все было стандартизовано.
  6. Разные уровни мастерства
    используя наш продукт, любой пользователь сможет нарисовать карту прямо сразу, но изучив возможности гексагонального редактора РПГ карт или другим программ из нашей экосистемы человек сможет создавать карты на совершенно ином уровне.
  7. Должно быть ощущение высоты
    мы всегда хотели каким-то образом передать эффект высоты на гексагональных картах, и как нам кажется у нас получилось в некотором смысле.
  8. Гексагональная карта
    мы любим гексы, это очень удобная фигура и мы хотим использовать её для построения карт.

Обзор интерфейса

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

    • Другие элементы
      элементы, которые будут появляться в рамках специфических разделов. Они будут описаны в соответствующих разделах данного мануала.

Рассмотрим подробнее каждый из четырех разделов подробнее.

Редактирование поверхности

Для перехода в этот режим необходимо нажать на закладку «Поверхность». Текстуры создаются при помощи приложения создания РПГ текстур. Для работы с текстурами разработаны разнообразные решения, которые позволяют добиваться очень интересных и красивых результатов. В некоторых редакторах бывает забавная ситуация из-за позиционирования текстур воды, когда вода «натекает» на поверхность, а не поверхность уходит под воду, нас такие вещи не устраивают.

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

После выбора слоя, в дополнительной панели появится палитра доступных текстур,которые сгруппированы стандартным образом — сообщество/подписки/ваши.Также у каждой текстуры есть иконка, которая указывает на её принадлежность к одному из типов: вода, суша и воздух.

Редактирование иконок

Для перехода в этот режим необходимо нажать на закладку «Иконки». Иконки создаются в специализированном редакторе РПГ иконок. Стоит отметить, что иконки могут занимать до семи гексов, это создано для того, чтобы была возможность создавать большие площади покрытые урбанистикой или составными объектами, может быть долина с особым прудиком, где плавает магический лебедь?

При нанесении иконки на холст, иконка будет нанесена только в том случае, если в области нанесения нет других иконок.

Редактирование кривых

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

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

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

В области основного контента представлен список всех дорог, реки или озер, которые есть на карте.В области основного контента представлен список всех дорог, реки или озер, которые есть на карте.

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

Кривая обладает двумя типами манипуляторов:

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

Редактирование текста

Для перехода в этот режим необходимо нажать на закладку «Текст». Это приложение работает на базе специальной подсистемы управления кривыми и текстом, в этой связи органы управления в этом разделе свои и не похожи на 3 предыдущих раздела.

Первое что вы заметите при переходе в этот режим, в панели инструментов остается только 2 кнопки: прямое выделение и добавление текста.

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

  • Смена типа кривой
    представлено в виде 3х кнопок, по нажатию на которые вы сможете выбрать вдоль какой линии будет отрисована кривая:прямая, квадратичная кривая, кубическая кривая
  • Центровка текста
    при помощи трех кнопок вы можете выбрать как будет произведена отцентровка текста:слева, по центру, справа.Помните — если вы перевернете кривую, текст тоже перевернется.
  • Декарирование текста
    доступно 4 модификатора текста:жирный, курсив, подчеркнутый, зачеркнутыйВсе 4 модификатора можно применить одновременно.

Это все основные моменты, которые нужно знать для управления картой, далее мы рассмотрим специфику работы нашей системы слоев и подробно рассмотрим список доступных объектов, которые вы можете применять при создании РПГ карты.

Система слоев

В отличии от редактора РПГ карты, в текущем приложении слоев не так много — всего 12. Но это не означает, что редактор перестал обладать феноменальной гибкостью. Мы особо гордимся тем, как реализован метод отрисовки высоты — когда вы переносите текстуру с одного слоя на другой, то вы тем самым даете понять, что часть текстур должна располагаться выше остальных. К примеру, вы нарисовали песчаный пляж на слое под номером ноль, но не так далеко от этого пляжа есть существенное возвышение с обрывом, надо ли говорить, что мутные личности любят скидывать неугодных в воду с этого обрыва? Так вот, вам достаточно просто нарисовать текстуру на слое с номером один и у вас будет элегантный обрыв, для темных дел. Стоит отметить, что слой ноль является самым нижним, это что-то вроде «уровня моря», но не забывайте про специальный слой для подземных карт, «потолок» — это самый высокий слой для подземных миров.

Система обрисовки иконок обладает всего двумя слоями, которые идут над текстурами и между этими слоями проходит слой с кривыми, где вы рисуете кривые: дороги, реки и озера. Ну и последний слой, поверх всех остальных — слой с текстом.

Как и в редакторе РПГ подземелий, далее вы сможете визуально ознакомиться с устройством слоев.

Слой 0: уровень моряСлой 1: текстуры уровень - 1Слой 2: текстуры уровень - 2Слой 3: текстуры уровень - 3Слой 4: текстуры уровень - 4Слой 5: текстуры уровень - 5Слой 6: подсветка возвышенностейСлой 7: иконки под дорогамиСлой 8: дороги, реки и озераСлой 9: иконки над дорогамиСлой 10: текстСлой 11: гексагональная сетка

Выше облаков и глубже ада

Когда мы только задумывали этот редактор, уже тогда хотелось реализовать воздушные острова. Что может быть круче? Вы создали свой мир, где одни фракции воюют с другими, игроки участвуют в различных интригах и ничего не подозревают, а потом партия забредает в старый маяк и прямо как в игре Биошок Инфинити: дирижабль, катапульта, портал или воздушный шар отправляет партию в небо и их взору предстает мир выше облаков. Кто там будет жить, какие секреты хранят эти острова или континенты в небе? На все эти вопросы вашим игрокам еще предстоит ответить!

Другой сценарий, партию отправили изучить озеро, где пропал какой-то важный персонаж, вот только был и уже нет. Партия отважно отправляется изучать дно озера, конечно, предварительно надо выпить соответствующие зелья или экипироваться снаряжением для глубинных работ. И неожиданно, сначала одного приключенца, а следом и всю партию захватывает подводным течением и уносит в какие-то глубинные каналы и через несколько минут паники выбрасывает на берегу подземного озера, где партию ожидает сбитый с толку персонаж, которого им было поручено найти. Таким образом приключение переносится в подземные глубины, прямо как в Героях Меча и Магии 3. Контрабандисты, а может древняя империя каких-то некромантов поджидает в глубинах или же вы найдете туннели давно вымерших гномов, которые по обыкновению копнули «глубже чем надо»?

Подземная карта
Наземная карта
Воздушная карта

Реки, озера и дороги

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

Для решения проблемы рек, дорог и озер — мы создали особый подход, при котором реки аккуратно впадают в моря и проистекают из озер, до тех порка вы используете идентичные текстуры для рек и озер с морями. При добавлении рек вы заметите как в земле автоматически «продавливаются» каналы, а на береговых линиях реки плавна впадают в моря. Озера в свою очередь, живут по тем же правилам что и реки, только имеют замкнутый контур.

Отдельно хотелось бы остановится на дорогах. Не забывайте, что стили дорог, вы можете создавать при помощи редактора дорог, так вот — особым вызовом являются мосты. Нам показалось, что мосты в виде спрайтов не самое удобное решение, мы ведь хотим делать карты быстро. Зачастую мост может иметь причудливый изгиб и никакими спрайтами вы не сможете учесть все варианты. «О, может использовать редактор РПГ иконок? Просто нарисовать нужный мост?» — это тоже не самый разумный вариант с точки зрения времени, каждый раз придется подгонять иконку под особенности текущей карты, делать копии иконки и так далее. Учитывая все это мы поступили просто — пускай система сама рисует мост ровно под дорогой и только над водой и реками. Не спрашивайте, как — «Оно просто работает» как говаривал один классик игровой индустрии. К слову, редактор стилей для дорог тоже работает весьма недурно и позволяет создавать цветовые схемы, которые вам требуются.

Заключение

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

Пожалуйста, подождите