Sketch 2026-04-26 11:4167984590374985937458748930293845549382728942739723847923874937

function setup() {
  createCanvas(windowWidth, windowHeight);
  textAlign(CENTER, CENTER);
  
  // Generate static landscape objects once to keep performance high
  generateLandscape();
}

function draw() {
  drawLandscape();
  updateAndDrawFood();
  drawWindowFrame();
}

function throwFood(targetX, targetY) {
  // Prevent lag by capping the maximum objects on screen
  if (foodItems.length > MAX_ITEMS) return; 

  // Start throwing from slightly random positions at the bottom center
  let startX = width / 2 + random(-40, 40);
  let startY = height;
  
  // Calculate angle towards the mouse/finger
  let angle = atan2(targetY - startY, targetX - startX);
  
  // Power of the throw
  let speed = random(18, 28);

  foodItems.push({
    emoji: random(FOOD_EMOJIS),
    x: startX,
    y: startY,
    vx: cos(angle) * speed,
    vy: sin(angle) * speed,
    scale: 2.5, // Start large (close to camera)
    rot: random(360),
    rotSpeed: random(-20, 20)
  });
}

function updateAndDrawFood() {
  // Loop backwards to safely remove items while iterating
  for (let i = foodItems.length - 1; i >= 0; i--) {
    let item = foodItems[i];

    // Apply physics
    item.x += item.vx;
    item.y += item.vy;
    item.vy += 0.8; // Gravity pulling it down

    // Fake 3D Perspective (pull towards the horizon vanishing point)
    let horizonX = width / 2;
    let horizonY = height * 0.6;
    item.x += (horizonX - item.x) * 0.015;
    item.y += (horizonY - item.y) * 0.015;

    // Shrink as it flies away into the distance
    item.scale *= 0.93; 
    item.rot += item.rotSpeed;

    // Remove item if it's too small (far away) or falls off screen entirely
    if (item.scale < 0.05 || item.y > height + 100) {
      foodItems.splice(i, 1);
      continue;
    }

    // Draw the food
    push();
    translate(item.x, item.y);
    rotate(radians(item.rot));
    scale(item.scale);
    textSize(80);
    text(item.emoji, 0, 0);
    pop();
  }
}

function generateLandscape() {
  // Generate mountains
  for (let i = 0; i < 7; i++) {
    mountains.push({
      x: random(width),
      w: random(300, 800),
      h: random(150, 400),
      color: color(random(40, 60), random(80, 110), random(40, 60)) // Shades of green/brown
    });
  }
  
  // Generate clouds
  for (let i = 0; i < 12; i++) {
    clouds.push({
      x: random(width),
      y: random(height * 0.4),
      w: random(80, 200),
      speed: random(0.3, 1.2)
    });
  }
}

function drawLandscape() {
  // Sky
  background('#87CEEB'); 
  
  // Sun
  noStroke();
  fill('#FFD700');
  circle(width * 0.8, height * 0.2, min(width, height) * 0.15);

  // Animate and draw clouds
  fill(255, 220); // Slightly transparent white
  for (let c of clouds) {
    ellipse(c.x, c.y, c.w, c.w * 0.5);
    c.x += c.speed;
    // Wrap clouds around screen
    if (c.x > width + 100) c.x = -100;
  }

  // Draw Mountains
  let horizonY = height * 0.6;
  for (let m of mountains) {
    fill(m.color);
    triangle(m.x - m.w/2, horizonY, m.x, horizonY - m.h, m.x + m.w/2, horizonY);
  }

  // Ground
  fill('#556B2F'); // Dark Olive Green
  rect(0, horizonY, width, height - horizonY);
}

function drawWindowFrame() {
  let frameColor = '#3e2723'; // Dark brown wood color
  let thickness = min(width, height) * 0.05; // Responsive thickness

  fill(frameColor);
  noStroke();
  
  // Outer frame
  rect(0, 0, width, thickness); // Top
  rect(0, height - thickness, width, thickness); // Bottom
  rect(0, 0, thickness, height); // Left
  rect(width - thickness, 0, thickness, height); // Right
  
  // Window panes (crossbars)
  rect(width / 2 - thickness / 4, 0, thickness / 2, height); // Vertical split
  rect(0, height / 2 - thickness / 4, width, thickness / 2); // Horizontal split

  // Inner shadow to give the window depth
  fill(0, 50);
  rect(thickness, thickness, width - thickness*2, 10);
  rect(thickness, thickness, 10, height - thickness*2);

  // Instruction Text
  fill(255);
  stroke(0);
  strokeWeight(3);
  textSize(min(32, width * 0.05));
  text("Tap or Drag to throw food!", width / 2, thickness + 30);
}

function mousePressed() {
  throwFood(mouseX, mouseY);
  return false;
}

function mouseDragged() {
  // Throttle spawns during drag to create a clean stream of food
  if (frameCount % 4 === 0) {
    throwFood(mouseX, mouseY);
  }
  return false; // Prevent selection highlighting
}

function touchStarted() {
  if (touches.length > 0) {
    throwFood(touches[0].x, touches[0].y);
  }
  return false; // Prevent mobile default scrolling/zooming
}

function touchMoved() {
  if (touches.length > 0 && frameCount % 4 === 0) {
    throwFood(touches[0].x, touches[0].y);
  }
  return false;
}

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
  // Re-generate the landscape for the new screen dimensions
  mountains = [];
  clouds = [];
  generateLandscape();
}