[JavaScript游戏开发] 2D二维地图绘制、人物移动、障碍检测

// 假设有一个二维数组表示地图，其中1表示墙壁，0表示可以通过的空间
var map = [
    [1, 1, 1, 1, 1, 1],
    [1, 0, 0, 0, 0, 1],
    [1, 0, 1, 1, 0, 1],
    [1, 0, 0, 0, 0, 1],
    [1, 1, 1, 1, 1, 1]
];
 
// 人物的当前位置和目标位置
var player = {
    x: 1,
    y: 1,
    targetX: 1,
    targetY: 1
};
 
// 人物的移动函数
function movePlayer(dx, dy) {
    // 确保移动后的位置不会超出地图边界且不会撞墙
    if (isValidMove(player.x + dx, player.y + dy)) {
        player.x += dx;
        player.y += dy;
    }
}
 
// 检查是否可以移动到指定位置
function isValidMove(x, y) {
    // 检查是否超出地图边界
    if (x < 0 || y < 0 || x >= map[0].length || y >= map.length) {
        return false;
    }
    // 检查目标位置是否为墙壁
    return map[y][x] === 0;
}
 
// 示例：尝试向右移动
movePlayer(1, 0);

这段代码提供了一个简单的地图和人物移动的模型，并包含了障碍物检测。在实际应用中，你可能需要扩展这个模型以支持更复杂的游戏逻辑，比如动画、物理学、AI等。