xxxxxxxxxx
let gSize = 80;
let midLine = 0;
let showRefLines = false;
let sr = 0;
let sg = 0;
let sb = 0;
function setup() {
createCanvas(600, 600);
background(255);
noLoop();
randomSeed(42);
}
function draw() {
background(255);
angleMode(DEGREES);
for (let i = 0; i < 8; i++) {
for (let j = 0; j < 8; j++) {
let rot = floor(random(4)) * 90;
let x = i * gSize;
let y = j * gSize;
push();
translate(x, y);
rotate(rot);
pattern();
pop();
}
}
}
function pattern() {
push();
translate(-gSize / 2, -gSize / 2);
midLine = gSize / 2;
noFill();
if (showRefLines) {
rect(0, 0, gSize, gSize);
stroke(255, 0, 0);
line(0, midLine, gSize, midLine);
line(midLine, 0, midLine, gSize);
}
strokeWeight(9);
stroke(sr, sg, sb);
noFill();
// Custom pattern - Triangle
beginShape();
vertex(0, midLine / 2);
vertex(midLine / 2, gSize);
vertex(gSize, midLine / 2);
endShape();
pop();
}
function keyPressed() {
if (key == 'r') {
draw();
}
if (key == 's') {
save('variation.jpg');
}
if (key == 't') {
sr = random(0, 255);
sg = random(0, 255);
sb = random(0, 255);
draw();
}
}