php - PHP 游戏平铺地图图像

Question

我有基于瓷砖的地图

$map = '<table border="1">';
for($i = 0; $i < 4; $i++){
    $map .= '<tr>';
    for($i = 0; $i < 4; $i++){
        $map .='<td width="50" height="50"'.$bgcolor.' align="center" valign="center">
        <div id="move_'.$Tx.':'.$Ty.'">('.$Tx.','.$Ty.')</div>
        </td>'; 
    }
    $map .= '</tr>';
}
$map .= '</table>';

echo $map;

每个单元格都有不同的 10x10 像素图像。

 _ _ _ _
|_|_|_|_|
|_|_|_|_|
|_|_|_|_|
|_|_|_|_|

我需要每 4 个单元格后出现新图像，因为我的图像是 40x40 像素。但

          1.image X|2. image X 
            _ _ _ _ _ _ _ _
           |_|_|_|_|_|_|_|_|
1.image Y  |_|_|_|_|_|_|_|_|
           |_|_|_|_|_|_|_|_|
           |_|_|_|_|_|_|_|_|
           |_|_|_|_|_|_|_|_|
2.image Y  |_|_|_|_|_|_|_|_|
           |_|_|_|_|_|_|_|_|
           |_|_|_|_|_|_|_|_|

我希望你能理解我，我的英语很糟糕 Omerimuni

Answer 1

他试图通过将 40px 的图像覆盖到 4x 10px 的表格单元格上来使用 HTML 表格进行 tilemap。

这真的不是做你想做的事情的最佳方式，因为它会创造。主要原因是 HTML 不喜欢将图片堆叠在表格上，并且元素不会正确分层。

尝试使用 HTML5 的canvas. 你真的根本不需要 HTML 表格，最终它只会让你的生活更艰难。

Answer 2

或者，如果它永远不会改变，则使用图像<map>和 1 个大图像。