Assignment 1 Water bottle

// Bottle variables

let bottleW, bottleH, xb, yb;

​

// Cap variables

let capW, capH, xc, yc;

​

// Label variables

let labelW, labelH, xl, yl;

​

// Water level

let waterH;

​

// Color arrays

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

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

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

​

function setup() {

  createCanvas(600, 600);

  background(255);

  noLoop();

​

  // Randomize bottle size and position

  bottleW = random(80, 120);

  bottleH = random(200, 280);

  xb = width / 2 - bottleW / 2;

  yb = height / 2 - bottleH / 2;

​

  // Randomize cap size and position

  capW = bottleW * random(0.6, 1.1);

  capH = random(20, 40);

  xc = width / 2 - capW / 2;

  yc = yb - capH;

​

  // Randomize label size and position

  labelW = bottleW * random(0.4, 0.8);

  labelH = bottleH * 0.15;

  xl = xb + (bottleW - labelW) / 2;

  yl = yb + bottleH * 0.55;

​

  // Randomize water level

  waterH = bottleH * random(0.3, 0.9);

}

​

function draw() {

  noStroke();

​

  // Draw bottle

  fill(random(bottleColors)); // Random color for bottle

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

​

  // Draw cap

  fill("#555"); // Dark cap color

  rect(xc, yc, capW, capH, 5);

​

  // Draw water inside the bottle

  fill(random(waterColors)); // Water color

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

​

  // Draw label

  fill(random(labelColors)); // Random label color

  rect(xl, yl, labelW, labelH, 5);

}

​