day dreaminj fish

function setup(){
  createCanvas(windowWidth,windowHeight);
  textAlign(CENTER,CENTER);
  textSize(20);

  displayedDreamsIndices = new Set(); // Initialize the Set
  currentFishX = width / 2; // Initialize main fish's starting x-position
  fishY = height/2+60 + 10; // Initialize main fishY to its default position

  // Create input field and button
  inputField = createInput();
  inputField.style('width', '200px');
  inputField.style('padding', '5px');
  inputField.style('border', '1px solid #ccc');
  inputField.style('border-radius', '5px');
  inputField.style('font-size', '16px');
  inputField.style('font-family', 'Arial, sans-serif');
  inputField.attribute('placeholder', 'What do you want to say?');
  inputField.hide(); // Start hidden

  submitButton = createButton('Talk');
  submitButton.style('background-color', '#4CAF50');
  submitButton.style('color', 'white');
  submitButton.style('padding', '6px 12px');
  submitButton.style('border', 'none');
  submitButton.style('border-radius', '5px');
  submitButton.style('cursor', 'pointer');
  submitButton.style('font-size', '16px');
  submitButton.style('font-family', 'Arial, sans-serif');
  submitButton.hide(); // Start hidden

  // NEW: Create the "Visit Website" button
  visitWebsiteButton = createButton('Visit Corbun\'s Weird Webs');
  visitWebsiteButton.style('background-color', '#008CBA'); // Blue color
  visitWebsiteButton.style('color', 'white');
  visitWebsiteButton.style('padding', '8px 16px');
  visitWebsiteButton.style('border', 'none');
  visitWebsiteButton.style('border-radius', '5px');
  visitWebsiteButton.style('cursor', 'pointer');
  visitWebsiteButton.style('font-size', '16px');
  visitWebsiteButton.style('font-family', 'Arial, sans-serif');

  // Position elements initially (will be updated in draw or windowResized)
  positionInputElements();

  // Event listener for button click
  submitButton.mousePressed(handleTalk);

  // NEW: Event listener for "Visit Website" button click
  visitWebsiteButton.mousePressed(handleVisitWebsite);

  // Event listener for Enter key in input field
  inputField.elt.addEventListener('keydown', function(event) {
    if (event.key === 'Enter') {
      handleTalk();
      event.preventDefault(); // Prevent default form submission behavior
    }
  });
}

function draw(){
  // NEW: If the fish is shooting, handle that and stop drawing anything else
  if (isShootingPlayer) {
    handleShooting();
    // Hide input elements when shooting
    inputField.hide();
    submitButton.hide();
    visitWebsiteButton.hide(); // NEW: Hide visit button too
    return;
  }

  background(180,220,255);

  let bowlR=200, bx=width/2, by=height/2+60;
  noFill();
  stroke(255);
  strokeWeight(4);
  circle(bx,by,bowlR);

  // --- Main Fish Logic ---

  // Determine main fish's target X and Y
  // Only calculate if the main fish is awake and not actively displaying a custom thought
  if (!isFishSleeping && currentFishThought === "") {
    let targetFishX = bx + 40*sin(frameCount*0.01); // Default sine wave movement
    let targetFishY = by + 10; // Default y-position

    // If there's food, prioritize moving towards the food
    if (foodParticles.length > 0) {
      let closestFood = foodParticles[0]; // For simplicity, just target the first food particle
      targetFishX = closestFood.x;
      targetFishY = closestFood.y - 5; // Aim slightly above the food
    }

    // Move main fish towards target X and Y using lerp for smooth motion
    // @docs https://p5js.org/reference/p5/lerp/
    let moveSpeed = 0.05; // How quickly the main fish moves towards its target
    currentFishX = lerp(currentFishX, targetFishX, moveSpeed);
    fishY = lerp(fishY, targetFishY, moveSpeed);
  }
  // If sleeping or displaying a thought, currentFishX and fishY are static.

  // Original main fish drawing
  drawFish(currentFishX, fishY, 1, color(255,140,0), 1, isFishSleeping);

  // Generate bubbles only if main fish is not sleeping AND not displaying a custom thought
  if (!isFishSleeping && currentFishThought === "" && random(1)<0.02) {
    bubbles.push({x:currentFishX+35,y:fishY-5,r:6+random(4),v:1+random(1)});
  }

  // Draw thought bubble and text ONLY if the main fish is not sleeping
  if (!isFishSleeping) {
    let tx=bx, ty=by-160;
    noStroke();
    fill(255,255,255,230);
    ellipse(tx,ty,160,90); // Main thought bubble
    ellipse(tx-40,ty+5,60,50); // Small bubble 1
    ellipse(tx+40,ty+10,60,50); // Small bubble 2

    // Draw small bubbles near main fish's head
    ellipse(currentFishX+20,fishY-40,18,14);
    ellipse(currentFishX+10,fishY-20,12,9);

    fill(50);

    // NEW: Display currentFishThought if active, otherwise original dream logic
    if (currentFishThought !== "" && frameCount - thoughtDisplayStartTime < thoughtDisplayDuration) {
      text(currentFishThought, tx, ty - 3);
    } else {
      currentFishThought = ""; // Clear thought if duration passed
      thoughtDisplayStartTime = -Infinity; // Reset timer
      let currentDreamIndex = floor(frameCount/180)%dreams.length;
      displayedDreamsIndices.add(currentDreamIndex);
      let dream=dreams[currentDreamIndex];
      text(dream,tx,ty-3);
    }
  }


  // Draw and update bubbles (if still active)
  stroke(200);
  noFill();
  for(let i=bubbles.length-1;i>=0;i--){
    let b=bubbles[i];
    b.y-=b.v;
    circle(b.x,b.y,b.r*2); // @docs https://p5js.org/reference/p5/circle/
    if(b.y<by-bowlR/2-40)bubbles.splice(i,1);
  }

  // NEW: Check if all dreams have been displayed and main fish is not yet sleeping, not fed.
  if (displayedDreamsIndices.size === dreams.length && !isFishSleeping && !isFed) {
    isFishSleeping = true; // Fish falls asleep
    bubbles = []; // Bubbles disappear
    inputField.hide(); // Hide input when sleeping
    submitButton.hide();
    visitWebsiteButton.hide(); // NEW: Hide visit button when sleeping

    // NEW: 1 in 10 chance to pull out a gun every time you feed him
    if (random(1) < (1/10)) { // 1 in 10 chance
      isShootingPlayer = true;
      // Initialize bullet to shoot towards current mouse position
      bullet = { x: currentFishX, y: fishY, targetX: mouseX, targetY: mouseY, speed: 15 };
    }
  } else if (!isFishSleeping && !isShootingPlayer) { // Only show input elements if awake and not shooting
    inputField.show();
    submitButton.show();
    visitWebsiteButton.show(); // NEW: Show visit button when awake
  }

  // Check if the main fish is still fed
  if (isFed && frameCount - fedTime > feedDuration) {
    isFed = false;
  }

  // Draw and update food particles
  fill(139, 69, 19); // Brown color for food
  noStroke();
  for(let i=foodParticles.length-1; i>=0; i--) {
    let fp = foodParticles[i];
    fp.v += 0.2; // Gravity
    fp.y += fp.v;

    // Remove if below the bowl or "eaten" by the main fish
    if (fp.y > fishY + 20 || (fp.y > fishY - 10 && fp.y < fishY + 10 && abs(fp.x - currentFishX) < 30)) {
      foodParticles.splice(i, 1);
    } else {
      circle(fp.x, fp.y, fp.r);
    }
  }
}

function drawFish(x, y, fishScale, fishColor, direction, isSleeping) {
  push();
  translate(x, y); // @docs https://p5js.org/reference/p5/translate/
  scale(direction * fishScale, fishScale); // Flip horizontally based on direction and fishScale // @docs https://p5js.org/reference/p5/scale/

  // Draw fish body
  noStroke(); // @docs https://p5js.org/reference/p5/noStroke/
  fill(fishColor); // @docs https://p5js.org/reference/p5/fill/
  ellipse(0, 0, 70, 40); // Body relative to 0,0 // @docs https://p5js.org/reference/p5/ellipse/
  triangle(-35, 0, -55, -15, -55, 15); // Tail relative to 0,0 // @docs https://p5js.org/reference/p5/triangle/

  // Draw fish eye conditionally
  if (isSleeping) {
    stroke(0);
    strokeWeight(1); // @docs https://p5js.org/reference/p5/strokeWeight/
    let eyeX = 20;
    let eyeY = -5;
    line(eyeX - 2.5, eyeY - 2.5, eyeX + 2.5, eyeY + 2.5); // @docs https://p5js.org/reference/p5/line/
    line(eyeX + 2.5, eyeY - 2.5, eyeX - 2.5, eyeY + 2.5);
  } else {
    fill(0);
    noStroke();
    circle(20, -5, 5); // Eye relative to 0,0
  }
  pop(); // @docs https://p5js.org/reference/p5/pop/
}

function handleShooting() {
  background(0); // Black screen for Game Over

  // Always draw the fish with the gun
  push();
  translate(currentFishX, fishY);
  scale(1, 1); // Main fish always faces right for shooting

  // Draw fish body (same as normal)
  noStroke();
  fill(255, 140, 0);
  ellipse(0, 0, 70, 40);
  triangle(-35, 0, -55, -15, -55, 15);

  // Draw fish eye (it's awake but in shooting mode, so draw the open eye)
  fill(0);
  noStroke();
  circle(20, -5, 5); // Eye relative to 0,0

  // Define eyeX and eyeY for the gun, relative to the translated origin (fish center)
  let eyeX_gun = 20;
  let eyeY_gun = -5;

  // Draw a simple gun
  stroke(100);
  strokeWeight(3);
  line(eyeX_gun + 5, eyeY_gun + 5, eyeX_gun + 30, eyeY_gun); // Barrel
  line(eyeX_gun + 15, eyeY_gun + 5, eyeX_gun + 15, eyeY_gun + 15); // Handle
  pop();

  if (bullet) {
    // Move bullet towards target
    let dirX = bullet.targetX - bullet.x;
    let dirY = bullet.targetY - bullet.y;
    let distance = dist(bullet.x, bullet.y, bullet.targetX, bullet.targetY); // @docs https://p5js.org/reference/p5/dist/

    if (distance > bullet.speed) {
      bullet.x += dirX / distance * bullet.speed;
      bullet.y += dirY / distance * bullet.speed;
    } else {
      // Bullet has reached target
      bullet = null; // Stop moving the bullet
      gameOverStartTime = frameCount; // Start the Game Over message timer
      // Store current mouse position for Game Over message
      gameOverX = mouseX;
      gameOverY = mouseY;
    }

    // Draw bullet
    fill(200, 0, 0); // Red bullet
    noStroke();
    ellipse(bullet.x, bullet.y, 10, 10);
  } else {
    // Bullet has hit, now wait for the delay before displaying the message
    if (frameCount - gameOverStartTime > gameOverDelayFrames) {
      // Display Game Over message at last mouse position
      fill(255);
      textSize(24);
      textAlign(CENTER, CENTER);
      text(gameOverMessage, width / 2, height / 2);
      textAlign(CENTER, CENTER);
      textSize(16);
      fill(200);
      text("Click to restart", width / 2, height - 50);
    }
  }
}

function handleTalk() {
  let userText = inputField.value();
  if (userText.trim() !== "") {
    // Instead of displaying user's text, display a random fish response
    currentFishThought = random(fishResponses);
    thoughtDisplayStartTime = frameCount; // Start timer for display
    displayedDreamsIndices = new Set(); // Reset dream cycle after talking
    bubbles = []; // Clear bubbles
  }
  inputField.value(""); // Clear input field
}

function mousePressed() {
  // NEW: If Game Over, clicking resets the sketch
  // Added check for gameOverStartTime and delay to ensure message is visible before reset
  if (isShootingPlayer && bullet === null && frameCount - gameOverStartTime > gameOverDelayFrames) { // Only reset if bullet has hit and delay passed
    isShootingPlayer = false;
    isFishSleeping = false;
    bullet = null;
    gameOverStartTime = -Infinity; // Reset timer
    displayedDreamsIndices = new Set();
    bubbles = [];
    currentFishX = width / 2;
    fishY = height/2+60 + 10;
    frameCount = 0;
    isFed = false;
    fedTime = -Infinity;
    foodParticles = [];
    currentFishThought = ""; // Clear thought on reset
    thoughtDisplayStartTime = -Infinity; // Clear thought timer
    // Show input elements on reset
    inputField.show();
    submitButton.show();
    visitWebsiteButton.show(); // NEW: Show visit button on reset
    positionInputElements(); // Reposition on reset
    return;
  }

  // If the fish is sleeping (and not shooting), it cannot be brought back.
  if (isFishSleeping) {
    return;
  }

  // --- The following code will only execute if the fish is NOT sleeping ---

  // Check if click was on the input field or button. If so, don't feed.
  // We handle input via handleTalk() called by button.mousePressed() or Enter key.
  // This prevents accidental feeding when trying to type.
  // Also check the new visitWebsiteButton
  if (inputField.elt === document.activeElement || submitButton.elt === document.activeElement || visitWebsiteButton.elt === document.activeElement) {
    return;
  }

  // Always clear custom thought and reset dream cycle when clicking on the canvas
  // This ensures the fish goes back to dreaming if it was displaying a custom thought
  currentFishThought = "";
  thoughtDisplayStartTime = -Infinity;

  // Always trigger a feeding action when clicked on the canvas (not input/button)
  displayedDreamsIndices = new Set(); // Clear dream history so it cycles again
  bubbles = []; // Clear any remaining bubbles
  currentFishX = width / 2; // Reset fish's x-position to the center
  fishY = height/2+60 + 10; // Reset fish's y-position
  frameCount = 0; // Reset frameCount to start dream cycle from the beginning

  isFed = true; // Fish is now fed
  fedTime = frameCount; // Record the time it was fed

  // Add a food particle to fall into the bowl
  let bowlR=200, bx=width/2, by=height/2+60; // Re-calculate bowl center and radius
  // Spawn food at the top of the water level, within the bowl's width
  foodParticles.push({ x: bx + random(-bowlR/3, bowlR/3), y: by - bowlR/2, r: 8, v: 0 });

  // NEW: 1 in 10 chance to pull out a gun every time you feed him
  if (random(1) < (1/10)) { // 1 in 10 chance
    isShootingPlayer = true;
    // Initialize bullet to shoot towards current mouse position
    bullet = { x: currentFishX, y: fishY, targetX: mouseX, targetY: mouseY, speed: 15 };
  }
}

function positionInputElements() {
  let inputWidth = 200;
  let buttonWidth = 60;
  let padding = 10;

  // Calculate total width of input and talk button
  let totalInputButtonWidth = inputWidth + padding + buttonWidth;

  // Calculate starting x position to center them
  let startX = (width - totalInputButtonWidth) / 2;
  let yPosition = height - 50; // Position input/talk buttons 50 pixels from the bottom

  inputField.position(startX, yPosition);
  submitButton.position(startX + inputWidth + padding, yPosition);

  // NEW: Position the "Visit Website" button in the top-right corner
  let visitButtonWidth = visitWebsiteButton.width; // Get the actual width of the button
  let visitButtonX = width - visitButtonWidth - padding; // Padding from the right edge
  let visitButtonY = padding; // Padding from the top edge

  visitWebsiteButton.position(visitButtonX, visitButtonY);
}

function handleVisitWebsite() {
  window.open('https://corbun-does-weird-webs.my.canva.site/', '_blank');
}

function windowResized(){
  resizeCanvas(windowWidth,windowHeight); // @docs https://p5js.org/reference/p5/resizeCanvas/
  // Re-initialize fishX and fishY if canvas resized and fish is awake
  if (!isFishSleeping && !isShootingPlayer) {
    currentFishX = width / 2;
    fishY = height/2+60 + 10; // Reset fishY
  }
  positionInputElements(); // Reposition input elements on resize
}