week8 - OpenProcessing

mySketch.js
xxxxxxxxxx
 
let customFont;
​
function preload() {
  customFont = loadFont('Vogue.ttf'); //  custom font
}
​
function setup() {
  createCanvas(600, 600);
  background(255);
​
​
  for (let i = 0; i < 10; i++) {
    if (random(1) < 0.3) { 
      push();
      translate(random(0, width / 2), random(0, height - 100));
      rotate(radians(random(-15, 15))); //  random rotation
      drawCheckeredPattern(0, 0, 4, 4, 30);
      pop();
    } else {
      drawCheckeredPattern(random(0, width / 2), random(0, height - 100), 4, 4, 30);
    }
    
    if (random(1) < 0.3) {
      push();
      translate(random(0, width / 2), random(0, height - 100));
      rotate(radians(random(-15, 15)));
      drawFlowerPattern(0, 0, 4, 20);
      pop();
    } else {
      drawFlowerPattern(random(0, width / 2), random(0, height - 100), 4, 20);
    }
    
    if (random(1) < 0.3) {
      push();
      translate(random(0, width / 2), random(0, height - 100));
      rotate(radians(random(-15, 15)));
      drawZigzagPattern(0, 0, 5, 20);
      pop();
    } else {
      drawZigzagPattern(random(0, width / 2), random(0, height - 100), 5, 20);
    }
    
    if (random(1) < 0.3) {
      push();
      translate(random(0, width / 2), random(0, height - 100));
      rotate(radians(random(-15, 15)));
      drawStripedPattern(0, 0, 8, 15);
      pop();
    } else {
      drawStripedPattern(random(0, width / 2), random(10, height - 100), 8, 15);
    }
    
    if (random(1) < 0.3) {
      push();
      translate(random(0, width / 2), random(0, height - 100));
      rotate(radians(random(-15, 15)));
      drawBrickPattern(0, 0, 3, 30);
      pop();
    } else {
      drawBrickPattern(random(0, width / 2), random(0, height - 100), 3, 30);
    }
  }
​
  drawText();
}
​
function drawCheckeredPattern(x, y, rows, cols, size) {
  for (let i = 0; i < rows; i++) {
    for (let j = 0; j < cols; j++) {
      fill((i + j) % 2 === 0 ? color(255, 0, 0) : color(255)); // Red and white 
      noStroke();
      rect(x + j * size, y + i * size, size, size);
    }
  }
}
​
function drawFlowerPattern(x, y, count, size) {
  for (let i = 0; i < count; i++) {
    fill(255, 165, 0); // Orange
    noStroke();
    let offsetX = random(-10, 10);
    let offsetY = random(-10, 10);
    circle(x + i * (size + offsetX), y + offsetY, size); // Center circle
​
    
    for (let angle = 0; angle < 360; angle += 90) {
      let petalX = cos(radians(angle)) * size * 0.6 + x + i * (size + offsetX);
      let petalY = sin(radians(angle)) * size * 0.6 + y + offsetY;
      ellipse(petalX, petalY, size * 0.5, size * 0.5);
    }
  }
}
​
function drawZigzagPattern(x, y, count, size) {
  noFill();
  stroke(0, 0, 255); // Blue
  strokeWeight(4);
​
  // First zigzag line
  beginShape();
  let offsetY = 0;
  for (let i = 0; i < count; i++) {
    vertex(x + i * size, y + offsetY);
    offsetY = (offsetY === 0) ? size : 0; 
  }
  endShape();
​
  // Second zigzag line
  stroke(255, 0, 0); // Red
  beginShape();
  offsetY = size; 
  for (let i = 0; i < count; i++) {
    vertex(x + i * size, y + offsetY);
    offsetY = (offsetY === size) ? 0 : size; 
  }
  endShape();
}
​
​
function drawStripedPattern(x, y, count, thickness) {
  for (let i = 0; i < count; i++) {
    fill(i % 2 === 0 ? color(255, 165, 0) : color(0, 0, 255)); // orange and blue
    noStroke();
    rect(x, y + i * thickness, 100, thickness);
  }
}
​
function drawBrickPattern(x, y, rows, size) {
  let xOffset = 0; // Start without offset for the first row
  for (let i = 0; i < rows; i++) {
    for (let j = 0; j < 6; j++) {
      fill(255, 0, 0); // Red
      noStroke();
      rect(x + j * size + xOffset, y + i * size * 0.5, size, size * 0.5);
    }
   
    xOffset = (xOffset === 0) ? size * 0.5 : 0;
  }
​
}
​
function drawText() {
  fill(0, 0, 255);
  textFont(customFont); 
  textSize(24);        
  text("Blazer", 400, 100);
  textSize(18);
  text("Home Improvement", 400, 140);
}
​
function keyPressed() {
  if(key == 's') {
    saveCanvas("Bahar-computational_poster.jpg");
  }
}
​
 
​
​
​
​
​
​
​
​
​
  
​
​