javascript - 如何为大地图创建小地图？(HTML5-javascript)

Question

我将尝试解释我正在尝试做的事情。

我分享了一张照片。左侧，有一个游戏屏幕，它向我展示了一个大的全地图区域。但是我需要制作一个像右侧这样的小地图来查看其他开放区域的地方。（黑色的地方是没有人去的地方。和其他策略游戏一样，它们在黑暗中）

问题是：我已将所有图块记录到我的数据库中。例如 (x:1, y:1 = Grass, x:1, y:2=grass, x:3, y:20= water...) 我正在显示来自数据库记录的图块。

所以，如果我从我的数据库中制作一个小地图，这意味着我必须一次粘贴 10.000 个图块。这意味着非常非常非常缓慢的事情。我可以一次将地图粘贴为图像，但如果这样做，我将无法定义未访问区域。如果我从数据库中获取它们，它会很慢。

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

Answer 1

将未探索区域数据保留在客户端可以很容易地获取资源，所以除非它是一个仅限离线的游戏，否则我会在通过 ajax/ajaj 探索时从数据库中获取图块数据，这样你就必须下载它当时需要的信息。

Answer 2

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