Bottle class

let arrayBottles = [];

​

// Color arrays

let bottleColors = ["#A2D2FF", "#BDE0FE", "#FFAFCC", "#FFC8A2", "#D0F4DE"];

let labelColors = ["#FFFFFF", "#FAF3DD", "#FFD6A5"];

let waterColors = ["#74C7F1", "#60A3D9", "#4A90E2"];

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(255);

​

  // Create 10 bottle objects with random properties

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

    let bottle = {

      xb: random(50, width - 100),

      yb: random(50, height - 300),

      bottleW: random(80, 120),

      bottleH: random(200, 280),

      capW: random(48, 132),

      capH: random(20, 40),

      labelW: random(32, 96),

      labelH: random(30, 60),

      waterH: random(60, 250),

      bottleColor: random(bottleColors),

      labelColor: random(labelColors),

      waterColor: random(waterColors)

    };

    arrayBottles.push(bottle);

  }

  noLoop();

}

​

function draw() {

  noStroke();

​

  for (let b of arrayBottles) {

    // Draw bottle

    fill(b.bottleColor);

    rect(b.xb, b.yb, b.bottleW, b.bottleH, 20, 20, 10, 10);

​

    // Draw cap

    fill("#555");

    rect(b.xb + b.bottleW / 4, b.yb - b.capH, b.capW, b.capH, 5);

​

    // Draw water inside the bottle

    fill(b.waterColor);

    rect(b.xb, b.yb + b.bottleH - b.waterH, b.bottleW, b.waterH, 0, 0, 10, 10);

​

    // Draw label

    fill(b.labelColor);

    rect(b.xb + (b.bottleW - b.labelW) / 2, b.yb + b.bottleH / 2, b.labelW, b.labelH, 5);

  }

}

​

function keyPressed() {

  if (key === 's') {

    saveCanvas('bottle_array_version', 'jpg');

  }

}