使用2d数组和循环迭代渲染2d平铺地图

// 定义一个2D数组表示地图
var map = [
  [1, 1, 1, 1, 1],
  [1, 0, 0, 0, 1],
  [1, 0, 1, 0, 1],
  [1, 0, 0, 0, 1],
  [1, 1, 1, 1, 1]
];

// 定义地图块的尺寸
var blockSize = 32;

// 循环迭代数组，渲染地图
for (var i = 0; i < map.length; i++) {
  for (var j = 0; j < map[i].length; j++) {
    // 根据数组元素的值选择渲染的地图块类型
    if (map[i][j] === 1) {
      // 渲染墙壁
      drawWall(j * blockSize, i * blockSize, blockSize, blockSize);
    } else if (map[i][j] === 0) {
      // 渲染地板
      drawFloor(j * blockSize, i * blockSize, blockSize, blockSize);
    }
  }
}

// 渲染墙壁的函数
function drawWall(x, y, width, height) {
  // 在屏幕上绘制墙壁
  // ...
}

// 渲染地板的函数
function drawFloor(x, y, width, height) {
  // 在屏幕上绘制地板
  // ...
}