xxxxxxxxxx
47
/*
Pattern 2: Interface
*/
let x, y, r, g, b, d;
function setup() {
createCanvas(500, 500);
pattern();
//Art Button
var patternButton = createButton("Click for Art");
patternButton.mousePressed(pattern);
//Save image button
var saveButton = createButton("Save");
saveButton.mousePressed(saveImage);
}
function saveImage() {
save("Art.jpg");
}
function pattern() {
background(random(0, 255));
//repeat rows
for (i = 0; i < 10; i++) {
for (j = 0; j < 10; j++) {
//color values
r = random(0, 255);
g = random(0, 255);
b = random(0, 255);
//spacing
x = i * 50 + 25;
y = j * 50 + 25;
//circle size
d = 30;
//colors
fill(r, g, b);
noStroke();
ellipse(x, y, d);
//end
noLoop();
}
}
}