Something happen more coming tomorrow

function setup() {
  createCanvas(windowWidth, windowHeight);
  
  // Initialize lavaY here, after createCanvas has set 'height'
  lavaY = height; // Initial lava position (off-screen bottom)

  // Calculate rock position and size
  rockX = width / 2;
  rockY = height * 0.7; // Position the rock lower on the screen
  rockSize = min(width, height) * 0.2; // Rock size is 20% of the smaller canvas dimension

  // Calculate UFO size
  ufoSize = min(width, height) * 0.15; // UFO size is 15% of the smaller canvas dimension
  
  // Initialize UFO position off-screen (top-left)
  ufoX = -ufoSize;
  ufoY = -ufoSize;

  eventStartTime = millis(); // Start the timer immediately
  console.log(`Waiting for ${EVENT_DELAY_SECONDS} seconds...`);

  // Create the reset button
  resetBtn = createButton('Reset (Next: Lava Event)'); // Initial text
  resetBtn.position(10, 50); // Position below the state/timer display
  resetBtn.style('font-size', '16px');
  resetBtn.style('padding', '10px 15px');
  resetBtn.style('border-radius', '5px');
  resetBtn.style('cursor', 'pointer');
  resetBtn.style('background-color', '#4CAF50'); // Green
  resetBtn.style('color', 'white');
  resetBtn.style('border', 'none');
  resetBtn.mousePressed(resetSketch);
  resetBtn.touchStarted(resetSketch); // For touch devices
}

function draw() {
  background(220); // Light grey background

  // Display current state and remaining time for debugging (optional, can be removed)
  fill(0);
  textSize(16);
  textAlign(LEFT, TOP);
  text("State: " + gameState, 10, 10);
  if (gameState === "initial") {
    let elapsedTime = millis() - eventStartTime;
    let remainingTime = EVENT_DELAY_MILLIS - elapsedTime;
    text("Time until event: " + nf(remainingTime / 1000, 1, 1) + " seconds", 10, 30);
  }
  
  // Draw the rock first if it's not destroyed by either event
  if (gameState !== "rockDestroyed" && gameState !== "rockDestroyedByLava") {
    drawRock();
  }

  // Use a switch statement to manage the different stages of the event
  switch (gameState) {
    case "initial":
      checkTimer();
      break;
    case "ufoApproaching":
      drawUFO();
      moveUFO(rockX, rockY); // Move UFO towards the rock
      break;
    case "rockDestroyed":
      drawUFO();
      moveUFO(width + ufoSize, -ufoSize); // Move UFO off-screen (top-right)
      break;
    case "lavaApproaching":
      drawLava();
      moveLava(rockY - rockSize / 2); // Lava moves up to the bottom of the rock
      break;
    case "rockDestroyedByLava":
      drawLava();
      moveLava(height + 50); // Lava moves off-screen downwards
      break;
    case "eventComplete":
      // The event is over, nothing more happens in this state
      // Ensure the button is visible and enabled
      resetBtn.show();
      resetBtn.removeAttribute('disabled');
      break;
  }
}

function drawRock() {
  fill(100); // Dark grey color for the rock
  noStroke(); // No outline for the rock
  // Draw a few overlapping ellipses to create an irregular rock shape
  ellipse(rockX, rockY, rockSize, rockSize * 0.8);
  ellipse(rockX - rockSize * 0.2, rockY - rockSize * 0.1, rockSize * 0.5, rockSize * 0.4);
  ellipse(rockX + rockSize * 0.2, rockY - rockSize * 0.1, rockSize * 0.5, rockSize * 0.4);
}

function drawUFO() {
  fill(150, 150, 200); // Silver/light blue for the main body
  noStroke();
  ellipse(ufoX, ufoY, ufoSize * 1.5, ufoSize * 0.7); // Main elliptical body
  
  fill(100, 100, 150); // Darker blue/grey for the top dome
  ellipse(ufoX, ufoY - ufoSize * 0.2, ufoSize * 0.8, ufoSize * 0.4); // Top dome

  fill(100, 200, 255, 150); // Semi-transparent glowing lights
  ellipse(ufoX, ufoY + ufoSize * 0.25, ufoSize * 1.2, ufoSize * 0.1); // Bottom glow
}

function moveUFO(targetX, targetY) {
  // Calculate the angle from the UFO to the target
  let angle = atan2(targetY - ufoY, targetX - ufoX);
  
  // Move the UFO in that direction at ufoSpeed
  ufoX += ufoSpeed * cos(angle);
  ufoY += ufoSpeed * sin(angle);

  // Check if the UFO has reached (or passed) the target
  let d = dist(ufoX, ufoY, targetX, targetY);
  if (d < ufoSpeed) { // If distance is less than speed, it means we're close enough
    if (gameState === "ufoApproaching") {
      gameState = "rockDestroyed"; // UFO reached rock, destroy it
      console.log("UFO reached the rock! Rock destroyed.");
    } else if (gameState === "rockDestroyed") {
      gameState = "eventComplete"; // UFO left the screen
      console.log("UFO left. Event complete.");
    }
  }
}

function checkTimer() {
  if (millis() - eventStartTime > EVENT_DELAY_MILLIS) {
    if (currentEventType === "ufo") {
      gameState = "ufoApproaching"; // Timer elapsed, start UFO sequence
      console.log(`Timer finished! UFO approaching...`);
    } else { // currentEventType === "lava"
      gameState = "lavaApproaching"; // Timer elapsed, start Lava sequence
      console.log(`Timer finished! Lava approaching...`);
    }
    // Disable the reset button once an event starts
    resetBtn.attribute('disabled', '');
  }
}

function resetSketch() {
  gameState = "initial";
  eventStartTime = millis();
  ufoX = -ufoSize;
  ufoY = -ufoSize;
  lavaY = height; // Reset lava position

  // Toggle the event type for the next run
  if (currentEventType === "ufo") {
    currentEventType = "lava";
    resetBtn.html('Reset (Next: UFO Event)'); // Corrected button text for next event
    console.log("Resetting sketch. Next event will be: Lava Event");
  } else {
    currentEventType = "ufo";
    resetBtn.html('Reset (Next: Lava Event)'); // Corrected button text for next event
    console.log("Resetting sketch. Next event will be: UFO Event");
  }

  // Re-enable the reset button in "initial" state
  resetBtn.removeAttribute('disabled');
}

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
  
  // Re-calculate positions and sizes based on the new canvas size
  rockX = width / 2;
  rockY = height * 0.7;
  rockSize = min(width, height) * 0.2;

  ufoSize = min(width, height) * 0.15;
  
  // If the event hasn't started yet, reset UFO to its initial off-screen position
  if (gameState === "initial") {
    ufoX = -ufoSize;
    ufoY = -ufoSize;
  }
  // Also update button position
  resetBtn.position(10, 50);
}

function drawLava() {
  fill(255, 100, 0); // Orange/red color for lava
  noStroke();
  rect(0, lavaY, width, height - lavaY);
}

function moveLava(targetY) {
  if (gameState === "lavaApproaching") {
    lavaY -= lavaSpeed; // Move up
    if (lavaY <= targetY) {
      lavaY = targetY; // Ensure it stops exactly at the target
      gameState = "rockDestroyedByLava"; // Lava reached rock, destroy it
      console.log("Lava reached the rock! Rock destroyed.");
    }
  } else if (gameState === "rockDestroyedByLava") {
    lavaY += lavaSpeed; // Move down
    if (lavaY >= height) {
      lavaY = height; // Ensure it goes fully off-screen
      gameState = "eventComplete"; // Lava left the screen
      console.log("Lava receded. Event complete.");
    }
  }
}