如何使用当前的web技术生成六边形交互式地图

Question

我想学习HTML5/当前的网络技术，特别是创建游戏。

最初，我希望能够生成一个自上而下的二维地图，由六边形的瓷砖组成。

这些瓷砖将与通常的环境瓷砖(草，平原，雪，湖，海洋等)随机生成。

我希望能够放大/缩小。

我稍后会希望有头像代表的球员(S)的/AIs和瓦片上的资产等…

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

Answer 1

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

祝好运!

Answer 2

一开始，我建议您使用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。