Week 8 Assignment

var  redd, brownn, blackk, whitte, bej;

var titleF, img; // person image

var gSize = 50; // Grid size for shapes

var refreshbtn;

​

function preload() {

  titleF = loadFont('HelvaticaBlack.otf'); 

  img = loadImage('psy.jpg'); 

}

​

function setup() {

  createCanvas(600, 800);

  // Define colors

  bej = color(245, 245, 220);

  bleu = color(80, 90, 130);

  blackk = color(20, 20, 20);

  brownn = color(50, 20, 30);

  whitte = color(255, 250, 225);

  redd = color(100, 10, 10);

  // Initialize refresh button

  refreshbtn = createButton('Refresh Design');

  refreshbtn.position(0, 0);

  refreshbtn.mousePressed(refreshBtnPressed);

  noLoop();

}

​

function refreshBtnPressed() {

  draw();

}

​

function draw() {

  background(bej);

  // book title

  textAlign(RIGHT);

  fill(blackk);

  textSize(30);

  textFont(titleF);

  text('A New Dimension in Psychiatry and Psychology', width - 10, 35);

  // book name

  textSize(70);

  fill(redd);

  textFont(titleF);

  text("Existence", width - 10, 100);

  // names

  fill(blackk);

  textSize(25);

  var Xt = width - 20;

  var Yt = 150;

  fill (blackk);

  text("Edited by Rollo May", Xt, Yt-12);

  fill (redd)

  text("Ernest Angel", Xt, Yt + 15);

  text("Henri F. Ellenberger", Xt, Yt + 40);

​

  // Threshold effect

  push();

  img.filter(GRAY); // Convert to grayscale

  img.filter(THRESHOLD, 0.5); // Apply threshold

  image(img, 0, 200, 600, 600); // Image's scale

  pop();

  // Pattern Background

  for (var i = 0; i < width; i += gSize) {

    for (var j = 200; j < height; j += gSize) {

      push();

      translate(i, j);

​

      var shapeType = int(random(3)); // Random shapes

      var fillColor = random() < 0.5 ? blackk : redd; // Random color

      var opacity = random(50, 200); // Random transparency

      fill(fillColor.levels[0], fillColor.levels[1], fillColor.levels[2], opacity);

      noStroke();

      if (shapeType == 0) {

        rect(0, 0, gSize, gSize); // Square shape

      } else if (shapeType == 1) {

        ellipse(gSize / 2, gSize / 2, gSize); // Circle shape

      } else {

        triangle(0, 0, gSize, 0, gSize / 2, gSize); // Triangle shape

      }

      pop();

    }

  }

}

​

function keyPressed() {

  if (key === 's') {

    saveCanvas("abstract_cover_design_with_person.jpg");

  }

}

​