let gemX, gemY, hp = 800, points = 0, size = 50, a = -1, move = 0.5;
let gemX2, gemY2, size2 = 50, a2 = -1;
gemX = Math.random()*750
gemY = 600
gemX2 = Math.random()*750
gemY2 = 600


function update() {
    if (hp <= 0){
        return;
    }
    if (size <= 0 || size2 <= 0){
        return;
    }
    gemY = gemY + 5*a;
    gemY2 = gemY2 + 5*a2;
    if (gemY > 600){
        gemY = 600;
        gemX = Math.random()*750;
        hp = hp - 100;
        a = -1;
    }
    if (gemY2 > 600){
        gemY2 = 600;
        gemX2 = Math.random()*750;
        hp = hp - 100;
        a2 = -1;
    }
    if (mouseX >= gemX && mouseX <= gemX + size && mouseY >= gemY && mouseY <= gemY + size){
        gemY = 600;
        gemX = Math.random()*750;
        points = points + 1;
        size = size - 1;
        a = -1;
    }
    if (mouseX >= gemX2 && mouseX <= gemX2 + size2 && mouseY >= gemY2 && mouseY <= gemY2 + size2){
        gemY2 = 600;
        gemX2 = Math.random()*750;
        points = points + 1;
        size2 = size2 - 1;
        a2 = -1;
    }
    if (gemY < 0){
        a = 1;
    }
    if (gemY2 < 0){
        a2 = 1;
    }
}
function draw() {
    drawImage(backMushrooms, 0, 0, 800, 600);
    context.fillStyle = "gray";
    context.font = "200px Arial";
    context.fillText(points, 200, 400);
    context.fillStyle = "red";
    context.fillRect(0, 20, hp, 30);
    drawImage(gem[0], gemX, gemY, size, size);
    drawImage(gem[1], gemX2, gemY2, size2, size2);
};
function keyup(key) {

};
function mouseup() {
};