//Claire Xu
//xux1@andrew.cmu.edu
//Section B
//Project 05
var diameter = 8;
var spacing = 600/12;
var distance = 600/40;
var diam = 4;
function setup() {
createCanvas(570, 570);
}
function draw() {
background("black");
//love
for (var y = 0; y < 20; y += 1) {
for (var x = 0; x < 15; x += 1) {
noStroke();
fill("white");
circle(x*spacing + (diameter/2) + 5, y* spacing * 3 + (diameter), diameter);
circle(x*spacing + (diameter*1.5) +5 , y* spacing * 3 + (diameter), diameter);
triangle(x*spacing +5, y* spacing * 3 + (diameter), x*spacing + (diameter)+5, y*spacing *3 + 2.5*diameter, x*spacing + (diameter*2) +5, y* spacing *3 + (diameter));
}
}
//death
for (var y = 0; y < 20; y += 1) {
for (var x = 0; x < 15; x += 1) {
strokeWeight(4);
stroke("white");
strokeCap(PROJECT);
line(x*spacing + 5*diameter, y* spacing * 3 + 7.5*diameter,x*spacing + 3.5*diameter, y* spacing * 3 + 6*diameter);
strokeCap(ROUND);
line(x*spacing + 5*diameter, y* spacing * 3 + 6*diameter,x*spacing + 3.5*diameter, y* spacing * 3 + 7.5*diameter);
}
}
//robots
for (var y = 0; y < 20; y += 1) {
for (var x = 0; x < 15; x += 1) {
noStroke();
fill("white");
rect(x*spacing + 0.5*diameter+3, y* spacing * 3 + 12*diameter, diameter*2, diameter*2);
fill("black");
circle(x*spacing + diameter+3, y* spacing * 3 + 12.5*diameter, diam);
circle(x*spacing + 2*diameter+3, y* spacing * 3 + 12.5*diameter, diam);
}
}
noLoop();
}
For this project, I was inspired by the patterns of the Netflix show “Love, Death + Robots”, which I wanted to incorporate as part of my wallpaper design. Therefore I used the black and white logo colours, and organized the logos onto the wallpaper. I included details such as the different stroke caps of the “death” symbol, but to me organizing the logos using code was the most challenging part.