let truckH = truckW * 0.75;

let truckX;

let truckY;

let wheel = truckH / 6;

let offsetX;

let offsetY;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  offsetX = width / 10;

  offsetY = height / 13;

  truckX = width - truckW - offsetX;

  truckY = height - truckH - offsetY;

}

​

function draw() {

  // draw backdrop

  background("skyblue");

  //draw grass

  noStroke();

  fill("gold");

  circle (width/1.25, height/4, truckH/2);

  fill("lightgreen");

  rect(0, truckY + truckH / 2, width, truckH);

  //draw road

  fill("lightgrey");

  rect(0, truckY + truckH / 2, width, truckH / 3.7);

  // draw wheels

  stroke(0);

  fill("darkgrey");

  rect(truckX + truckW/45, truckY + truckH / 2, truckW / 1.2, truckH / 10);

  fill("black");

  circle(truckX + truckW / 9, truckY + truckH / 1.55, wheel);

  circle(truckX + truckW / 1.6, truckY + truckH / 1.55, wheel);

  circle(truckX + truckW / 1.3, truckY + truckH / 1.55, wheel);

  fill("grey");

  circle(truckX + truckW / 9, truckY + truckH / 1.55, wheel / 4);

  circle(truckX + truckW / 1.6, truckY + truckH / 1.55, wheel / 4);

  circle(truckX + truckW / 1.3, truckY + truckH / 1.55, wheel / 4);

​

  // draw cab

  fill("yellow");

  rect(truckX, truckY + truckH / 5, truckW / 4, truckH / 3);

  rect(truckX + truckW / 40, truckY + truckH / 4.5, truckW / 6, truckH / 3.7);

  fill("black");

  ellipse(truckX + truckW / 7, truckY + truckH / 2.5, truckW / 60);

  fill("blue");

  rect(truckX + truckW / 23, truckY + truckH / 4, truckW / 8, truckH / 8);

​

  // Draw Dump Frame

  fill("darkorange");

  rect(truckX + truckW / 3.6, truckY + truckH / 25, truckW / 1.7, truckH / 2);

  fill("orange");

  rect(truckX + truckW / 3.2, truckY + truckH / 15, truckW / 15, truckH / 2.3);

  rect(truckX + truckW / 2.4, truckY + truckH / 15, truckW / 15, truckH / 2.3);

  rect(truckX + truckW / 1.85, truckY + truckH / 15, truckW / 15, truckH / 2.3);

  rect(truckX + truckW / 1.5, truckY + truckH / 15, truckW / 15, truckH / 2.3);

  rect(truckX + truckW / 1.3, truckY + truckH / 15, truckW / 15, truckH / 2.3);

​

​

}

​

// built in p5.js function to resize the window

function windowResized() {

  resizeCanvas(windowWidth, windowHeight);

  offsetX = width / 10;

  offsetY = height / 13;

  truckX = width - truckW - offsetX;

  truckY = height - truckH - offsetY;

}

​