Как я могу, используя современные веб-технологии, создать шестиугольную интерактивную карту

Я хочу изучить html5/текущие веб-технологии, в частности, для создания игры.

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

Эти плитки будут генерироваться случайным образом с обычными плитками окружающей среды (трава, равнины, снег, озеро, океан и т. д.).

Я хочу иметь возможность увеличивать/уменьшать масштаб.

Позже я захочу, чтобы аватары представляли игроков/ИИ и активы на тайлах и т. д.

Где я могу найти хорошую отправную точку для изучения основ?


javascript html map hexagonal-tiles
person aSystemOverload    schedule 29.07.2012    source источник
comment
Я думаю, что ваши варианты: Flash, HTML5 Canvas или SVG. Однако мне интересно, не является ли этот вопрос слишком дискурсивным для S / O, отсюда и отрицательные голоса!   -  person halfer    schedule 29.07.2012

Ответы (2)


arrow_upward
4
arrow_downward

Ознакомьтесь с этим сообщением в блоге http://build-failed.blogspot.com/2012/04/maps-and-boardgames-part-3-client-side.html. Автор сделал двухмерную шестиугольную мозаичную карту с увеличением и уменьшением масштаба. Вы можете изучить код, чтобы начать. Вам нужно будет добавить аватары и другую карту.

Нет единого места, где можно изучить основы, но этот другой блог — хорошее место для начала программирования игр: http://www-cs-students.stanford.edu/~amitp/gameprog.html#hex.

Удачи!

person user1497201    schedule 06.12.2012

arrow_upward
1
arrow_downward

Для начала я рекомендую вам использовать тег canvas HTML5 и структуру, например http://calebevans.me/projects/jcanvas/index.php. Вы найдете хорошую документацию и примеры в сети. Очень прост в освоении, но больше кода.

Если вам нужно меньше кода и лучшие результаты, попробуйте игровой движок JS отсюда: http://ntt.cc/2011/01/31/66-open-source-javascript-game-engine-for-serious.-developers.html.

person Munteanu Sergiu    schedule 29.07.2012