//--------------------Game--------------------
// Game variables
const width = 1000;
const height = 600;

// Player variables
const playerSize = 10;
let radius = playerSize / 2;
let playerPosX = 500
let playerPosY = 300;
let playerSpeed = 3;
let booleanArray = window.booleanArray;
let lives = 2;

let bossPosX = 500;
let bossPosY = 100;
let shotSpeed = 9;
let projectile;
let projSize = 5;
let shot = false;
let hit = false;
let shotPosX;
let shotPosY;

let nextAttack;
let bounceX = bossPosX;
let bounceY = bossPosY;
let predictiveBounceX;
let predictiveBounceY;
let bullets = [];
let direction; 

let time = 0;

//let myBullet = new bullet();
// the function setup() is called once when the page is loaded
function setup() {
    // create a canvas element and append it to the body
    
    createCanvas(width, height);
    frameRate(120);
    myBullet = new bullet(playerPosX, playerPosY, radius, shotSpeed);  

    // disable the outline of shapes
    Movementloop()
    noStroke();
}

async function score() {
    while (true) {
        time += 1;
        await sleep(1000);
    }
}

function life() {
    textAlign(CENTER);
    text(lives, 500, 20);
    if (hit == true) {
        hit = false;
        lives -= 1;
    }
    if (lives == 0) {
        fill(255, 0, 0);
        textSize(40);
        textAlign(CENTER);
        text("Game Over", 500, 300);
    }
    if (key == ' ') {
        lives = 2;
        time = 0;
        bounceX = bossPosX;
        bounceY = bossPosY;
    }
}

function keyPressed() {
    if (keyIsDown(LEFT_ARROW) && playerPosX > 0 + radius) {
        playerPosX -= playerSpeed;
    }
    if (keyIsDown(RIGHT_ARROW) && playerPosX < width - radius) {
        playerPosX += playerSpeed;
    }
    if (keyIsDown(UP_ARROW) && playerPosY > 0 + radius) {
        playerPosY -= playerSpeed;
    }
    if (keyIsDown(DOWN_ARROW) && playerPosY < height - radius) {
        playerPosY += playerSpeed;
    }
}

async function Movementloop() {
    window.addEventListener('booleanArrayUpdated', function (event) {
        // event.detail contains the booleanArray
        let booleanArray = event.detail;
        // Use booleanArray here...

        if (booleanArray[1]) {
            playerPosX += playerSpeed;
        }
        if (booleanArray[3]) {
            playerPosX -= playerSpeed;
        }
        if (booleanArray[2]) {
            playerPosY += playerSpeed;
        }
        if (booleanArray[0]) {
            playerPosY -= playerSpeed;
        }
    });
}

// function shoot(directionX, directionY) {
//     shot = true;
//     hit = false;

//     if (!projectile) {
//         // Set the initial position of the projectile to the player's position
//         projectile = createVector(shotPosX, shotPosY);
//         targetX = directionX;
//         targetY = directionY;

//         // Calculate the initial direction
//         direction = createVector(targetX - projectile.x, targetY - projectile.y);
//         direction.normalize();
//     }

//     // Draw the small circle (projectile)
//     fill(255, 0, 0);
//     circle(projectile.x, projectile.y, projSize);

//     // Move the projectile towards the movable circle
//     projectile.add(p5.Vector.mult(direction, shotSpeed));

//     if (dist(projectile.x, projectile.y, directionX, directionY) <= radius) {
//         projectile = null;
//         hit = true;
//     }
//     else if (projectile.x < 0 - 10 || projectile.x > width + 10 || projectile.y < 0 - 10 || projectile.y > height + 10) {
//         bounceX = projectile.x;
//         bounceY = projectile.y;
//         projectile = null;
//         shot = false;
//     }
// }

// the function draw() is called every frame
function draw() {
    textSize(10);
    keyPressed();
    life();
    // draw background
    //myBullet.draw();
    background(0, 0, 0, 100);
    if (!(lives == 0)) {
        // draw player
        fill(0, 255, 255)
        circle(constrain(playerPosX, 0 + radius, width - radius), constrain(playerPosY, 0 + radius, height - radius), playerSize);

        // draw boss
        fill(255, 165, 0)
        circle(500, 100, 50);

        score();
        textAlign(LEFT);
        text(time, 10, 20);

        if (shot == false || hit == true) {
            spawnRandomBullet()
            spawnRandomBullet()
            spawnRandomBullet()
            spawnRandomBullet()
        }


        bullets.forEach(myBullet => {
            //zolang mybullet bestaat blijft hij drawen en updaten
            ({ hit, shot } = myBullet.update(playerPosX, playerPosY));
            myBullet.draw();
        });


    }
}

function spawnRandomBullet(){
    let patern = random([1,2]);
            if (patern == 1) {
                nextAttack = random([1, 2, 3, 4]);
                text(nextAttack, 30, 50);
                if (nextAttack == 1) {
                    shotPosX = 500;
                    shotPosY = 100;
                    bullets.push(new bullet(playerPosX, playerPosY, radius, shotSpeed, shotPosX, shotPosY));
                }
                if (nextAttack == 2) {
                    shotPosX = random(0, 1000);
                    shotPosY = 600;
                    bullets.push(new bullet(playerPosX, playerPosY, radius, shotSpeed, shotPosX, shotPosY));
                }
                if (nextAttack == 3) {
                    shotPosX = 0;
                    shotPosY = random(0, 600);
                    bullets.push(new bullet(playerPosX, playerPosY, radius, shotSpeed, shotPosX, shotPosY));
                }
                if (nextAttack == 4) {
                    shotPosX = 1000;
                    shotPosY = random(0, 600);
                    bullets.push(new bullet(playerPosX, playerPosY, radius, shotSpeed, shotPosX, shotPosY));

                }
            }
            if (patern == 2) {
                shotPosX = bounceX;
                shotPosY = bounceY;
                bullets.push(new bullet(playerPosX, playerPosY, radius, shotSpeed, shotPosX, shotPosY));
            }

}