php - 设计小地图：更有效的方法

Question

我正在制作一个带有小地图的 wap 游戏。它基本上是一个 5x5 的 div，带有 (a) 20x20 像素的背景图像。

不过，我陷入了僵局，试图弄清楚如何设计它们。

为每个“位置”制作一个 100x100 像素的图像并不是一个好主意，因为如果其中一个 20x20 位置发生变化，我将不得不更新 15 个 100x100 图像。

那么剩下两个选择：

• 使用 GD 将 20x20 像素的图像组合成一个 100x100 像素的大图像
• 为小地图中的每个 div 提供一个带有 20x20 位置图像的背景。

在第二种情况下，我会发出很多 HTTP 请求来获取图像，在第一种情况下，服务器资源将用于将它们组合成一个大图像。

您认为哪个选项更有效？基本上我认为这是一种双输的情况，但必须决定哪种损失更不痛苦。

Answer 1

你为什么不看看 CSS SPRITES？

http://spriteme.org/

然后，您可以使用随机选择 CSS 类（及其相对背景）的 php 函数生成地图。

如果您假设地图 20x20 的 9 个不同部分要组合成 3x3 网格，您只需为每张地图创建一个类。您可以动态生成它（将 0px 0px 替换为“$x = rand(0,3)*20; $y = rand = rand(0,3)*20;" 左右。

.map1 {
    background-image:url(/images/css_sprite.png);
    background-position:0px 0px;
    background-size:20px 20px;
}

1个HTTP请求被调用，GD没有服务器资源浪费！