Keep your eyes open.

function setup() {

  createCanvas(400, 400);

  noLoop(); // Her çalıştırıldığında yeni bir tasarım oluşturmak için

}

​

function draw() {

  background(220); // Açık gri bir arka plan

​

  // Rastgele konum için temel değerler

  let cupX = random(100, 200); // Fincanın yatay konumu

  let cupY = random(150, 200); // Fincanın dikey konumu

​

  // Fincanın Gövdesi

  fill(random(150, 255), random(150, 255), random(150, 255)); // Rastgele bir renk

  rect(cupX, cupY, 100, 100); // Fincan gövdesi

​

  // Fincanın Kulpu

  noFill();

  stroke(100); // Kulpun çizgileri için gri renk

  strokeWeight(5);

  arc(cupX + 110, cupY + 50, 50, 70, -HALF_PI, HALF_PI); // Kulpun konumu da fincana göre değişiyor

​

  // Fincanın İç Kısmı

  fill(255); // Beyaz iç kısım

  noStroke();

  rect(cupX + 10, cupY + 10, 80, 70); // İç kısmı fincana göre konumlandırıldı

​

  // Buhar (Fincandan çıkan)

  noFill();

  stroke(150, 150, 150, 100); // Hafif şeffaf gri renk

  strokeWeight(2);

  for (let i = 0; i < 3; i++) {

    let steamX = cupX + 40 + i * 20; // Buharın yatay konumu

    bezier(

      steamX,

      cupY - 20, // Buhar fincanın üstünden başlıyor

      steamX + random(10, 20),

      cupY - 40,

      steamX - random(10, 20),

      cupY - 60,

      steamX,

      cupY - 80

    ); // Rastgele buhar çizgileri

  }

}