this is my wallpaper:
sketch
var x
var y
function setup() {
createCanvas(600, 600);
background(236, 233, 216);
}
function draw() {
//background
backgroundLine();
//blue triangle
for (var y = 50; y < height-20; y += 100) {
for (var x = 50; x < width-20; x += 50) {
BlineTriangle(x, y)
}
}
//pink triangle
for (var y = 50; y < height-20; y += 100) {
for (var x = 50; x < width-20; x += 50) {
PlineTriangle(x, y)
}
}
//brown circles
noStroke();
for (var b = 50; b < height-20; b += 100) {
for (var a = 50; a < width-20; a += 50) {
circle(a, b, 7);
fill(167, 105, 54, 170)
}
}
}
function BlineTriangle(x, y) {
var dist = 4
for (var i = 0; i<=20; i += 2) {
stroke(90, 135, 145);
strokeWeight(0.75)
dist += 4*sqrt(3)/2;
line((x-i), (y+dist), (x+i), (y+dist))
}
}
function PlineTriangle(x, y) {
var dist = 4
for (var i = 0; i<=20; i += 2) {
stroke(232, 163, 147);
strokeWeight(0.75)
dist += 4*sqrt(3)/2;
line((x+i), (y-dist), (x-i), (y-dist))
}
}
function backgroundLine() {
noStroke();
fill(240, 70);
for(var i = 0; i <= 750; i += 50) {
rect(0, i, 750, 10);
}
}