function setup() {
createCanvas(480, 480);
background("#F9CDAD");
}
function draw() {
for(var x=0; x<=8; x++){
for(var y=0; y<=8; y++){
fill(255);
noStroke();
//GUIDE
//rect(x*60,y*60,60,60);
//GREEN Lines
stroke("#83AF9B")
strokeWeight(8);
line(x*60,68+y*60,68+x*60,y*60);
stroke("#C8C8A9")
strokeWeight(4);
line(x*60,68+y*60,68+x*60,y*60);
//RED Lines
stroke("#FE4365")
strokeWeight(15);
line(-8+x*60,-8+y*60,68+x*60,68+y*60);
stroke("#FC9D9A")
strokeWeight(8);
line(-14+x*60,-14+y*60,74+x*60,74+y*60);
}
}
}
I really aimed to make this background look visually pleasing color-wise. I found a palette online I really liked and used it to color this striped background. I think it looks really nice and looks like a background for a bakery or a candy. I would totally wear a texture like this around school. I made the canvas 480×480 and divided it by 8 giving me 60, meaning that 64 60×60 squares will fill the whole entire canvas. I started with a draft rectangle and worked on the texture from there.