Question

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

但是，我已经陷入僵局，试图弄清楚如何设计它们。

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

然后剩下两个选择：

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

您认为哪个选项更有效？基本上我认为它是一个双输的局面，但是人们必须决定哪种损失不那么痛苦。

Answer 1

你为什么不查看CSS SPRITES？

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

如果您说地图20x20的9个不同部分，要合并为3x3网格，您只需为每个地图创建一个类。您可以使用dinamically生成它（将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中的服务器资源！