Assignment 8

//Define Colors

var clRed; //Red

var clBlue; //Blue

var clYellow; //Yellow

var clPink; //Purple

​

function preload() {

  customFont = loadFont('Futura Bold.ttf');

}

​

function setup() {

  createCanvas(800, 1200);

  background('#707070'); // Background Color

  noLoop();

  textFont(customFont);

}

​

//Draw the rectangles and text

function draw() {

  // Define Colors

  var colors = ['#FF5B50', '#56D9E5', '#FFAD39', '#B56E9A'];

  var cols = 6; // Column count

  var rows = 6; // Row count

  var squareSize = 100; // Square size

  var gap = 15; // Gap between squares

​

  var totalWidth = cols * squareSize + (cols - 1) * gap;

  var totalHeight = rows * squareSize + (rows - 1) * gap;

​

  var startX = (width - totalWidth) / 2;

  var startY = 50;

​

  // Draw squares

  for (var i = 0; i < cols; i++) {

    for (var j = 0; j < rows; j++) {

      var x = startX + i * (squareSize + gap);

      var y = startY + j * (squareSize + gap);

      var colorIndex = floor(random(colors.length));

​

      // Draw square with random color

      fill(colors[colorIndex]);

      noStroke();

      rect(x, y, squareSize, squareSize);

​

      // Draw inner frame

      noFill();

      stroke(255, 150);

      strokeWeight(3);

      rect(x + 10, y + 10, squareSize - 20, squareSize - 20);

​

      // Draw inner lines

      stroke(50);

      strokeWeight(3);

      for (var k = 1; k <= 3; k++) {

        var lineX = x + k * (squareSize / 4);

        line(lineX, y + 15, lineX, y + squareSize - 15);

      }

    }

  }

​

  // Define text start position

  var textStartY = startY + totalHeight + 80;

​

  noStroke();

  fill(255);

  textSize(50);

  textStyle(BOLD);

  text('CONTAINER', startX, textStartY);

  text('ARCHITECTURE', startX, textStartY + 70);

​

  stroke(255);

  strokeWeight(3);

  line(startX, textStartY + 90, startX + 600, textStartY + 90);

​

  noStroke();

  textSize(35);

  text('JURE', startX, textStartY + 140);

  text('KOTNIK', startX, textStartY + 180);

​

  textSize(16);

  text('DZIEKAN', startX, textStartY + 240);

  text('WYDZIAŁ ARCHITEKTURY', startX, textStartY + 260);

  text('POLITECHNIKA WARSZAWSKA', startX, textStartY + 280);

  text('ZAPRASZA NA WYKŁAD GOŚCINNY', startX, textStartY + 300);

​

  text('GODZINA 16:15', startX + 400, textStartY + 240);

  text('9 CZERWCA 2011', startX + 400, textStartY + 260);

  text('AUDITORIUM 103', startX + 400, textStartY + 280);

  text('WAPW, KOSZYKOWA 55', startX + 400, textStartY + 300);

}

​

function keyPressed() {

  if (key == 'r') {

    draw();

  }

​

  if (key == 's') {

    saveCanvas('Kerem.Yaslıçimen.Generative.Poster.jpg');

  }

}