sketch
//dmclaugh, Diana McLaughlin, Section A
var s = 60;
var x = 90;
var y;
function setup() {
createCanvas(600, 600);
background(52, 225, 235); //light blue
text("p5.js vers 0.9.0 test.", 10, 15);
}
function draw() {
//little background rectangles
for(var y1 = 2; y1 <= height; y1 += 5) {
for(var x1 = 2; x1 <= width; x1 += 5) {
noStroke();
fill(0, 0, 255);
rect(x1, y1, 2, 2);
}
}
//pattern
for (y = 40; y <= height; y += 90){
for (x = 30; x <= width; x += 90)
pattern(x, y);
}
}
function pattern(x, y){
push();
rectMode(CENTER);
translate(x, y);
stroke(255);
strokeWeight(4);
fill(random(0, 256), random(0, 256), random(0, 256));
rect(0, 0, s, s); //background rectangle
rotate(radians(45));
rect(0, 0, s, s); //rotated rectangle
fill(255);
ellipse(0, 0, 5, 5); //white dots
ellipse(0, 8, 5, 5);
ellipse(0, -8, 5, 5);
ellipse(8, 0, 5, 5);
ellipse(-8, 0, 5, 5);
pop();
noLoop();
}
I made this wallpaper based off of something you might see on Animal Crossing patterns. I played around with which colors to use for the rectangles’ fill, and ended up selecting random colors because I liked how bright and colorful it was and thought it worked best with what I was looking for. I tried doing more subtle shades of blue and purple, but it seemed too dull for what I was looking for.