Рамка для html5/canvas игра основана на гексагональной сетке

Question

Я развиваю html5 игру на основе шестиугольной сетки.

После некоторого исследования я использовал:

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

• Вычислить координаты и рисовать на холсте пропуске melonjs, но это плохая идея с точки архитектуры.

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

• Добавить некоторый фасад для melonjs, чтобы работать с ним или, возможно, это уже сделано?

Так что мой вопрос:

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

Answer 1

В зависимости от того, сколько контента вы уже разработали, считали ли вы использование ежедневной сборки Tiled с картами support for hexagonal?

Конечно, поскольку melonJS этого не поддерживает, вам нужно либо реализовать гексагональный рендерер самостоятельно, либо попытаться получить поддержку от разработчиков melonJS, чтобы добавить его. Я открыл an issue об этом.

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