如何为大地图创建小地图？ （HTML5的JavaScript）

Question

我会尝试解释我想要做的事情。

我分享了一张照片。左侧，有一个游戏画面，它向我展示了一个完整地图的大区域。但我需要制作一个像右侧的小地图来查看其他开放区域的地方。 （黑色地方没有被访问的地方。而且他们像其他战略游戏一样处于黑暗之中）

问题在于：我已将所有图块记录到我的数据库中。例如（x：1，y：1 =草，x：1，y：2 =草，x：3，y：20 =水......）我正在显示数据库记录中的图块。

因此，如果我从我的数据库中制作小地图，则意味着我必须立即粘贴10.000tiles。这意味着非常非常非常缓慢的事情。我可以立即将地图粘贴为图像，但如果我这样做，我就无法定义无访问区域。如果我从数据库中取出它们，那将非常慢。

如何创建小地图来控制地图视觉？ 我该怎么办？

Answer 1

HTML5？所以我认为一切都在画布上，而不仅仅是使用大地图克隆和调整画布大小来创建一个小画布。 Here 是一个可以帮助您做到这一点的答案。

Answer 2

在客户端保留未开发的区域数据使得源代码非常容易，所以除非它是一个离线的游戏我会在探索时通过ajax / ajaj从数据库中获取tile数据，这样你就拥有了只下载那时所需的信息。