week10-hw

let num = 12;

let rr = 255;

let gg = 255;

let bb = 255;

​

function setup() {

createCanvas(500, 700);

background(100); //

​

noLoop();

angleMode(DEGREES);

}

​

function draw() {

let gridSize = width / num;

let maxCircleSize = gridSize * 0.8;

​

for (let row = 0; row < num; row++) {

for (let col = 0; col < num; col++) {

let x = col * gridSize;

let y = row * gridSize;

​

// Grid

fill(100);

stroke(80); 

rect(x, y, gridSize, gridSize);

​

push();

translate(x + gridSize / 2, y + gridSize / 2);

​

if ((col == 4 && row == 5) || (col == 8 && row == 9) || (col == 11 && row == 2)) {

drawBlackCircle(maxCircleSize);

} else if (random() < 0.9) {

drawColoredCircle(maxCircleSize);

} else {

drawBeigeCircle(maxCircleSize);

}

​

pop();

}

}

​

// Yazı

  push();

  translate(width / 2, 50);

  fill(255);

  textSize(42);

  textAlign(CENTER);

  text('Design 19', 0, 550);

​

  push();

  translate(width / 2, 50);

  fill(255);

  textSize(22);

  textAlign(CENTER);

  text('MATSUYA GINZA', -250, 540);

}

​

function drawColoredCircle(maxSize) {

  noFill();

  let randomColor = int(random(7)); 

  if (randomColor <= 4) {

    strokeWeight(5);

    stroke(random(0, 30), random(0, 80), random(80, 180), random(150, 255)); // Daha koyu mavi renk

  } else {

​

    strokeWeight(5); 

    stroke(random(80, 130), random(80, 130), random(80, 130), random(150, 255)); // Daha koyu diğer renkler

  }

​

  let circleSize = random(10, maxSize); 

  let offset = (maxSize - circleSize) / 2;

  ellipse(0, 0, circleSize, circleSize);

​

​

  strokeWeight(3); 

  ellipse(0, 0, circleSize - offset, circleSize - offset);

}

​

function drawBeigeCircle(maxSize) {

  noFill();

  strokeWeight(5); 

  stroke(200, 180, 150); 

​

  let circleSize = random(10, maxSize);

  let offset = (maxSize - circleSize) / 2;

  ellipse(0, 0, circleSize, circleSize);

​

​

strokeWeight(3);

ellipse(0, 0, circleSize - offset, circleSize - offset);

}

​

function drawBlackCircle(maxSize) {

  noFill();

  strokeWeight(7);  

  stroke(0); 

​

  let circleSize = random(10, maxSize); 

  let offset = (maxSize - circleSize) / 2;

  ellipse(0, 0, circleSize, circleSize);

​

  strokeWeight(4); 

  ellipse(0, 0, circleSize - offset, circleSize - offset);

}

​

function keyPressed() {

  if (key == 't') {

    num = random(12,12);

    rr = random(0, 255);

    gg = random(0, 255);

    bb = random(0, 255);

​

    redraw();

  }

​

  if (key == 'r') {

    save('poster.png');

  }

}

​

​

​