week 8

let colors;

let customFont;

​

function preload() {

  customFont = loadFont('MilkyVintage-Regular.ttf'); // Load the custom font

}

​

function setup() {

  createCanvas(600, 800);

  colors = [color(0, 0, 255), color(255, 165, 0), color(255, 215, 0)]; // Blue, Orange, Yellow

  createButtonUI();

  noLoop();

}

​

function createButtonUI() {

  let refreshBtn = createButton('Refresh Design');

  refreshBtn.position(10, height + 10);

  refreshBtn.mousePressed(() => redraw());

}

​

function draw() {

  background(255); // White background

  drawRectangles();

  drawIntersectingLines();

  drawText();

}

​

function drawRectangles() {

  noStroke();

​

  // Draw the rectangles with random positions on each refresh

  fill(colors[0]); // Blue rectangle

  rect(random(width * 0.1, width * 0.3), random(height * 0.6, height * 0.7), width * 0.6, height * 0.2);

​

  fill(colors[1]); // Orange rectangle

  rect(random(width * 0.2, width * 0.4), random(height * 0.5, height * 0.65), width * 0.5, height * 0.15);

​

  fill(colors[2]); // Yellow rectangle

  rect(random(width * 0.3, width * 0.5), random(height * 0.45, height * 0.55), width * 0.4, height * 0.1);

}

​

function drawIntersectingLines() {

  stroke(0); // Black lines

  strokeWeight(1);

​

  // Draw intersecting lines with random positions

  for (let x = 0; x < width; x += 20) {

    let startY = height * 0.85 + random(-5, 5);

    let endX1 = width * 0.5 + random(-20, 20);

    let endY1 = height * 0.4 + random(-20, 20);

    let endX2 = width * 0.7 + random(-20, 20);

    let endY2 = height * 0.45 + random(-20, 20);

​

    line(x, startY, endX1, endY1);

    line(x, startY, endX2, endY2);

  }

}

​

function drawText() {

  fill(0); // Black text color

  textFont(customFont);

  textAlign(LEFT);

​

  // Main Title Text

  textSize(28);

  text("MARCEL PROUST", 40, 100);

​

  textSize(24);

  text("AND DELIVERANCE FROM TIME", 40, 140);

​

  // Subtitle Text

  fill(0, 0, 255); // Blue for "BY" and author name

  textSize(18);

  text("BY", 40, 180);

​

  textSize(24);

  text("GERMAINE BRÉE", 70, 180);

​

  // Additional small text on the left

  textSize(12);

  text("$1.45", 10, height * 0.65);

  text("EVERGREEN E123", 10, height * 0.68);

}

function keyPressed() {

  if(key == 's') {

    saveCanvas("week8-computational_poster.jpg");

  }

}