KITTE大阪の広告募集広告で初展示させていただきました【作品について・コード・感想】

let xPositions = new Array(80);
let widths = new Array(80);
let maxHeights = new Array(80);
let currentHeights = new Array(80);
let directions = new Array(80);

function setup() {
  createCanvas(8950, 1080);
  background(192, 228, 242);
  textFont("Meiryo");
  textSize(50);

  for (let i = 0; i < xPositions.length; i++) {
    resetColumn(i);
  }
}

function draw() {
  background(192, 228, 242);
  noStroke();

  for (let i = 0; i < xPositions.length; i++) {
    let x = xPositions[i];
    let w = widths[i];
    let maxHeight = maxHeights[i];
    let h = currentHeights[i];
    let dir = directions[i];

    fill(209, 239, 255);
    rect(x, 1300 - h, w, h);

    fill(160, 210, 230);
    beginShape();
    vertex(x - w / 2, 1300 - h - w / 3);
    vertex(x, 1300 - h);
    vertex(x, 1300);
    vertex(x - w / 2, 1300 - w / 3);
    endShape(CLOSE);

    fill(224, 245, 250);
    beginShape();
    vertex(x - w / 2, 1300 - h - w / 3);
    vertex(x + w / 2, 1300 - h - w / 3);
    vertex(x + w, 1300 - h);
    vertex(x, 1300 - h);
    endShape(CLOSE);

    if (dir === 1) {
      if (currentHeights[i] < maxHeight) {
        currentHeights[i] += 5;
      } else {
        directions[i] = -1;
      }
    } else if (dir === -1) {
      if (currentHeights[i] > 0) {
        currentHeights[i] -= 5;
      } else {
        resetColumn(i);
      }
    }
  }

  fill(30, 70, 120, 100);
  textSize(500);
  textAlign(CENTER, CENTER);
  text("広告募集中", width / 2 + 10, height / 2 + 10);

  fill(224, 245, 250);
  text("広告募集中", width / 2, height / 2);
}

function resetColumn(i) {
  xPositions[i] = int(random(100, width - 100));
  widths[i] = int(random(50, 300));
  maxHeights[i] = int(random(300, height));
  currentHeights[i] = 0;
  directions[i] = 1;
}