// Creating variables
var myX = 400, myY = 500;
var dx=5, dy=5;
var brPatroni=-1;
var patronX=[];
var patronY=[];
var dpatron=[];
var vragX=[], vragY=[], vragDX=[], vragDY=[], vragTip=[];
var posokaPatron=0;
var lifes=10, points=0;
function update() {
    if(lifes>0){
        for(i=0;i<brPatroni;i++){
            patronY[i]=patronY[i]-dpatron[i];
        }
        if(isKeyPressed[68]){
            myX=myX+dx;
        }
        if(isKeyPressed[65]){
            myX=myX-dx;
        }
        if(isKeyPressed[87]){
            myY=myY-dy;
            posokaPatron=0;
        }
        if(isKeyPressed[83]){
            myY=myY+dy;
            posokaPatron=1;
        }
        if(Math.random()>0.99){
            vragTip[vragX.length]=Math.floor(Math.random()*2);
            vragDX[vragX.length]=Math.random()*4-2;
            if(Math.random()>0.5){
                vragY[vragX.length]=0;
                vragDY[vragX.length]=Math.random()*4+0.3;
            }else{
                vragY[vragX.length]=570;
                vragDY[vragX.length]=-(Math.random()*4+0.3);
            }
            vragX[vragX.length]=Math.random()*800;
        }
        for(var i=0;i<vragX.length;i=i+1){
            vragX[i]=vragX[i]+vragDX[i];
            vragY[i]=vragY[i]+vragDY[i];
        }
        for(var i=0;i<brPatroni;i++){
            for(var j=0;j<vragX.length;j++){
                if(areColliding(patronX[i], patronY[i], 3, 10, vragX[j],  vragY[j], 30, 30)){
                    vragX[j]=-10000000000000;
                    vragY[j]=-10000000000000;
                    points++;
                    patronX[i]=-100000;
                    patronY[i]=-100000;
                }
            }
        }
        for(var i=0;i<brPatroni;i++){
            for(var j=0;j<vragX.length;j++){
                if(areColliding(patronX[i]+30, patronY[i], 3, 10, vragX[j],  vragY[j], 30, 30)){
                    vragX[j]=-10000000000000;
                    vragY[j]=-10000000000000;
                    points++;
                    patronX[i]=-100000;
                    patronY[i]=-100000;
                }
            }
        }
        for(var i=0;i<vragX.length;i++){
            if(areColliding(vragX[i],  vragY[i], 30, 30,myX, myY, 30, 30)){
                vragX[i]=-10000000000000;
                vragY[i]=-10000000000000;
                lifes=lifes-1;
            }
        }
    }
}
function draw() {
    // This is how you draw a rectangle


;    context.fillStyle="green";
    context.fillRect(myX, myY, 30, 30);
    for(i=0;i<brPatroni;i++){
        context.fillStyle="yellow";
        context.fillRect(patronX[i], patronY[i], 3, 10);
        context.fillRect(patronX[i]+30, patronY[i], 3, 10);
    }
    for(var i=0;i<vragX.length;i=i+1){
        context.fillStyle="grey";
        context.fillRect( vragX[i],  vragY[i], 30, 30);
    }
     for(var i=0;i<lifes;i++){
        context.fillStyle="red";
        context.fillRect(32*i, 32, 30, 30);
    }
    context.fillStyle="black";
    context.font="30px Georgia";
    context.fillText("points:"+points,650, 30);
    if(lifes<=0){
        context.fillStyle="black";
        context.font="50px Georgia";
        context.fillText("GAME OVER",400, 300);
    }
};

function keyup(key) {
    // Show the pressed keycode in the console
    if(key==32){
        brPatroni=brPatroni+1;
        patronX[brPatroni]=myX;
        patronY[brPatroni]=myY;
        if(posokaPatron==0){
            dpatron[brPatroni]=3;
        }
        if(posokaPatron==1){
            dpatron[brPatroni]=-3;
        }
    }
};

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