如何使用当前的网络技术生成六边形交互式地图答案

【问题标题】：How can I, using current web tech, generate a hexagonal, interactive map如何使用当前的网络技术生成六边形交互式地图
【发布时间】：2012-07-27 13:22:12
【问题描述】：

我想学习 html5/当前的网络技术，专门用于创建游戏。

最初我希望能够生成一个由六边形图块组成的自上而下的 2d 地图。

这些图块将与通常的环境图块（草地、平原、雪地、湖泊、海洋等）随机生成

我希望能够放大/缩小。

我稍后会想让头像代表玩家/AI 和图块上的资产等...

我在哪里可以找到学习基础知识的良好起点？

【问题讨论】：

【解决方案1】：

首先，我建议您使用 HTML5 的 canvas 标签和像 http://calebevans.me/projects/jcanvas/index.php 这样的框架。您会在网上找到很好的文档和示例。非常容易学习，但代码较多。

如果您想要更少的代码和更好的结果，请从这里尝试 JS 游戏引擎：http://ntt.cc/2011/01/31/66-open-source-javascript-game-engine-for-serious-developers.html。

【讨论】：

【解决方案2】：

查看这篇博文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

祝你好运！

【讨论】：