Создание квадратов с помощью функции и перемещение изображения с идентификатором в JavaScript

Question

Я хочу создать игру-лабиринт, в которой я могу передвигать фигуру и не могу пройти сквозь стены и добраться до конца лабиринта. Я не могу сделать функцию, которая делает квадрат каждый раз, когда база данных показывает номер один. Я также хочу иметь возможность перемещать своего игрока, но не позволяю ему проходить сквозь стены лабиринта.

Код:

    var mazeData = [
    [1, 1, 1, 1, 1, 1, 1, 1],
    [0, 0, 1, 1, 0, 0, 0, 1],
    [1, 0, 0, 0, 0, 1, 1, 1],
    [1, 0, 1, 1, 0, 1, 0, 1],
    [1, 0, 1, 1, 0, 0, 0, 1],
    [1, 0, 0, 0, 0, 1, 0, 0],
    [1, 1, 1, 1, 1, 1, 1, 1]
];

var i = math.floor(Math.random() * 48)

function drawMaze() {
    if (mazedata[i] == 1) {
        drawSquare;
    }

    function drawSquare() {

    }
}

if (e.keycode == 37)
    player.attrs.x -= 10
if (e.keycode == 38)
    player.attrs.y += 10
if (e.keycode == 39)
    player.attrs.x += 10
if (e.keycode == 40)
    player.attrs.y -= 10

лабиринт