week5 - OpenProcessing

mySketch
xxxxxxxxxx
 
var sz; // Size of each triangle
var stCl; // Stroke color
var gap; // The gap between tiles
​
function setup() {
  createCanvas(600, 600);
  
  // Size of each triangle
  sz = 100;
  
  stCl = '#89CFF0';
  
  // Gap
  gap = 10;
  
  // Disable loop
  noLoop();
}
​
function draw() {
  background(200, 250, 200); // Smokey white
  push();
  translate(50,50);
  
  // Nested for loops to create a grid of triangles
  for (var j = 0; j < 5; j = j + 1) {
    for (var k = 0; k < 5; k = k + 1) {
      push();
      translate(sz * j, sz * k);
      drawTriangles();
      pop();
    }
  }
  pop();
}
​
function drawTriangles() {
  // Center mode
  translate(sz / 2, sz / 2);
  
  // Set stroke color
  stroke(stCl);
  sz = 100;
  
  // Draw multiple triangles within each other
  for (var i = 0; i < 10; i = i + 1) {
    let chanceFac = random(0, 1);
    
    if (chanceFac < 0.9) {
      let newSize = sz - 10 * i;
      triangle(
        0, -newSize / 2, // Top vertex
        -newSize / 2, newSize / 2, // Bottom-left vertex
        newSize / 2, newSize / 2 // Bottom-right vertex
      );
    }
  }
}
​
function keyPressed() {
  if (key == 'r') {
    draw();
  }
  
  if (key == 's') {
    saveCanvas('test.ai');
  }
}
​