// Creating variables
let i, paveX=[], paveY=[], brPaveta=[];
let nomerNaPaveZaVrag=[],brVragove=0;
let VragX,VragY;
let bagerX=0,bagerY=300;
let updates=0;
let vragHealth=[];
let kulaX=[],kulaY=[],brKuli=0,k
for(i=0;i<300;i++){
    paveX[brPaveta]=bagerX;
    paveY[brPaveta]=bagerY;
    brPaveta++;
    bagerX=bagerX+1;
}

for(i=0;i<250;i++){
    paveX[brPaveta]=bagerX;
    paveY[brPaveta]=bagerY;
    brPaveta++;
    bagerY=bagerY+1;
}

for(i=0;i<400;i++){
    paveX[brPaveta]=bagerX;
    paveY[brPaveta]=bagerY;
    brPaveta++;
    bagerX=bagerX+1;
    bagerY=bagerY-1;
}

for(i=0;i<100;i++){
    paveX[brPaveta]=bagerX;
    paveY[brPaveta]=bagerY;
    brPaveta++;
    bagerX=bagerX+1;
    bagerY=bagerY+1;
}

function update() {
    // Napisanoto tuk se izpulnqva otnovo i otnovo mnogo puti v sekunda
    updates++;
    if(updates%60==0){
    nomerNaPaveZaVrag[brVragove]=0;
    brVragove++;
    }
    for(i=0;i<brVragove; i++){
        nomerNaPaveZaVrag[i]++;
    }
    brKuli++

}

function draw() {
    // tuk naprogramirai kakvo da se risuva

    for(i=0;i<brPaveta;i++){
    drawImage(paddle, paveX[i], paveY[i], 20, 20);
    }
    for(k=0;k<brKuli;k++){
    drawImage(spaceship[0], kulaX[k], kulaY[k], 60, 60);
    }
    for( i=0;i<brVragove;i++){
    VragX=paveX[nomerNaPaveZaVrag[i]];
    VragY=paveY[nomerNaPaveZaVrag[i]];
    drawImage(spikeMan, VragX, VragY, 50, 50)
    }
    for(k=0;k<brKuli;k++){
    context.beginPath();
    context.arc(kulaX[k]+30,kulaY[k]+30,100,0,2*Math.PI)
    context.stroke();
    }

}

function keyup(key) {
    // Show the pressed keycode in the console
    console.log("Pressed", key);
}

function mouseup() {
    kulaX[k]=mouseX
    kulaY[k]=mouseY
    brKuli++


    // Show coordinates of mouse on click
    console.log("Mouse clicked at", mouseX, mouseY);
}