游戏地图网格对网络浏览器的影响如何？

Question

假设我们在网络浏览器中制作策略游戏（想象文明）。游戏有一个可见的地图部分 - 比如30x30的正方形。每个正方形是30x30px并且有几个重叠的图像 - 地形，资源，单位，道路等。经典的绘制方式是使用巨大的<table>，其中每个单元格将包含绝对定位的图像。它可能会在Javascript中呈现以减少流量。但它仍然有数千张图片和一张巨大的桌子。

浏览器可以接受吗？性能是否会低于任何可接受的限制？或者，我可以保留一个预渲染的地图图像，尽可能多的叠加，但我认为这将是更多的工作。

Answer 1

您应该真正考虑使用canvas element，它不需要浏览器来存储和计算整个布局和其他DOM内容。

话虽这么说，高性能工作站上的现代浏览器可以同时显示数百张图像，如FishIETank所示。然而，许多设备 - 从智能手机到旧PC - 都不能。哦，使用表可能比其中position:relative;或absolute和absolute图像的div慢。

Answer 2

看看像grepolis这样的网络游戏，他们已经做了某种类似网格的游戏，现代浏览器可以轻松搞定。