Daydreaming pink fish

function setup() {
  createCanvas(windowWidth, windowHeight);
  // Set initial fish position to the center of the canvas
  fishX = width / 2;
  fishY = height / 2;

  // Create bubble objects and add them to the array
  for (let i = 0; i < numBubbles; i++) {
    bubbles.push(new Bubble());
  }

  // Initialize lastPhraseChangeTime
  lastPhraseChangeTime = millis();
}

function draw() {
  // Background color - a soft, dreamy blue-green for water
  background(173, 216, 230, 100); // Light blue with some transparency for a soft feel
  noStroke(); // No outlines for shapes

  // Gentle vertical movement for the fish to make it seem like it's floating
  // Using sin wave for smooth oscillation
  fishY = height / 2 + sin(frameCount * 0.02) * 20; // Oscillate up and down by 20 pixels

  // Draw the pink fish at its current position
  drawPinkFish(fishX, fishY, fishSize);

  // Draw and update all bubbles
  for (let bubble of bubbles) {
    bubble.show(); // Display the bubble
    bubble.update(); // Move the bubble up
  }

  // Speech bubble logic
  if (millis() - lastPhraseChangeTime > phraseDisplayDuration) {
    currentPhraseIndex++;
    if (currentPhraseIndex >= dreamPhrases.length) {
      currentPhraseIndex = 0; // Loop back to the first phrase
    }
    lastPhraseChangeTime = millis(); // Reset timer
  }

  // Draw the speech bubble
  drawSpeechBubble(fishX, fishY - fishSize * 0.6, dreamPhrases[currentPhraseIndex]);
}

function drawPinkFish(x, y, size) {
  // Fish body
  fill(255, 192, 203); // Pink color
  ellipse(x, y, size * 1.5, size * 0.8); // Wider than tall ellipse for the body

  // Fish tail (triangle)
  triangle(
    x - size * 0.75, y, // Left point at the back of the body
    x - size * 1.25, y - size * 0.4, // Top point of the tail fin
    x - size * 1.25, y + size * 0.4  // Bottom point of the tail fin
  );

  // Fish top fin (triangle)
  triangle(
    x - size * 0.2, y - size * 0.4,
    x + size * 0.2, y - size * 0.4,
    x, y - size * 0.6
  );

  // Fish bottom fin (triangle)
  triangle(
    x - size * 0.2, y + size * 0.4,
    x + size * 0.2, y + size * 0.4,
    x, y + size * 0.6
  );

  // Fish eye
  fill(255); // White eye background
  ellipse(x + size * 0.4, y - size * 0.2, size * 0.2); // Position relative to fish body
  fill(0); // Black pupil
  ellipse(x + size * 0.4, y - size * 0.2, size * 0.1);

  // NO MOUTH - Removed the arc for the mouth
}

function drawSpeechBubble(x, y, textContent) {
  // Bubble background
  fill(255, 255, 255, 200); // White with some transparency
  stroke(0); // Black border
  strokeWeight(1);

  // Calculate text dimensions
  textSize(16);
  textFont('Arial'); // Use a standard font
  let textW = textWidth(textContent);
  let textH = textAscent() + textDescent();

  // Padding around the text
  let padding = 15;
  let bubbleW = textW + padding * 2;
  let bubbleH = textH + padding * 2;
  let cornerRadius = 10;

  // Bubble position (centered above x, top of bubble at y)
  let bubbleX = x - bubbleW / 2;
  let bubbleY = y - bubbleH;

  // Draw rounded rectangle for the bubble body
  rect(bubbleX, bubbleY, bubbleW, bubbleH, cornerRadius);

  // Draw pointer triangle
  triangle(
    x, y, // Pointing towards the fish
    bubbleX + bubbleW / 2 - 10, bubbleY + bubbleH, // Left base of pointer
    bubbleX + bubbleW / 2 + 10, bubbleY + bubbleH  // Right base of pointer
  );

  // Text inside the bubble
  fill(0); // Black text color
  noStroke();
  textAlign(CENTER, CENTER);
  text(textContent, bubbleX + bubbleW / 2, bubbleY + bubbleH / 2);

  noStroke(); // Reset stroke
}

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
  // No need to reset fish position here as draw() updates it relative to height/2
  // Bubbles will naturally adapt as their reset function uses window width/height
}