[Moonshell]

Добрый вечер.
У меня была цель нарисовать такую штуку при помощи canvas + js;


Набросал такой код. Но он совсем не работает. С JS дело прежде не имел, так что вот.

function Maintenance() {
    var canvas = document.getElementById('canvas'); // получаем элемент
    var ctx = canvas.getContext('2d');              // получаем объект canvas
    canvas.height = 5000;                           // высота холста
    canvas.width = 5000;                            // ширина холста
    ctx.beginPath();
    ctx.moveTo(50, 50);                             //начальная точка

    ctx.lineWidth = 1;                              //толщина линии
    ctx.strokeStyle = "black";                      //цвет линии
    ctx.stroke();

    var point = {};
    var factor = {};
    factor.f = prompt("Enter first step");
    factor.s = prompt("Enter second step");
    point.x = prompt("Enter X");
    point.y = prompt("Enter Y");
    
    Painter(point, factor, ctx);
}

function Painter(point, factor, ctx) {
    ctx.lineTo(point.x += factor.x, point.y);          //сдвинули вправо
    ctx.lineTo(point.x, point.y += factor.y);          //сдвинули вниз
    ctx.lineTo(point.x -= (factor.x -= 10), point.y);  //сдвинули влево
    ctx.lineTo(point.x, point.y -= (factor.y -= 10));  //сдвинули вверз, в новую точку

    for (i = 50; i < point.x || i < point.y;) {
        Painter(point, factor, ctx);
    }

    ctx.stroke();
    var n = 50;
    var ask = point.x || point.y == n ? alert("Ok! X or Y =", n) : alert("Ok!")

}

Буду благодарен за помощь!