Javascript 我想为我的HTML5游戏制作一个小地图，如何开始？

假设我有一张使用背景图像作为图案的大地图。当我移动玩家时，我想在拐角处放置一个小地图。我所需要的小地图只是显示我的玩家在大地图中的位置，以及其他精灵在地图中的位置，使用非常粗糙的表示并保留它们的相对位置，但在更小的地图中显示所有东西。所以我认为这是一个非常基本和简单的小地图。我的播放器将在屏幕的中间，我已经做过了，小地图将停留在屏幕的角落。如果我想为我的游戏构建这样的功能，我该如何开始？

假设主地图位于容器元素中，则需要测量该元素的滚动属性，以确定它相对于容器或屏幕中心的位置

如果将x和y计算为地图的比例，例如%，则可以在迷你地图上的相同相对位置放置一些东西

把小地图放在主地图上并不重要

---

要获取地图相对于屏幕的位置，请尝试document.getElementByIdmap.getBoundingClientRect。结果数组中的x和y值告诉您地图左上角相对于屏幕左上角的位置。地图的宽度和高度也包含在数组中。添加screen.width/2和screen height/2以获得屏幕中心的地图坐标。

谢谢，这就完成了！