var sx = 100; // Horizontal position of first column center
var dH = 50; // Height of diamonds
var dW = 50; // Width from center of diamond to outside edge
function setup(){
createCanvas(600, 600);
}
function draw() {
background(250, 230, 230);
noStroke();
fill(230, 100, 100);
for (var a = 0; a < 3; a ++) { // Creates small circles behind the diamonds
for (var b = 0; b < 12; b ++) {
ellipse(sx + 200 * a, (dH / 2) + (dH * b), dW, dH);
}
}
// This creates 3 columns of diamonds
for (var x = 0; x < 3; x ++) {
for (var y = 0; y < 12; y ++) {
fill(25 * y, 150, 220);
quad(sx + 200 * x, dH * y, sx - dW + (200 * x),
dH / 2 + dH * y, sx + 200 * x, dH + dH * y,
sx + dW + (200 * x), dH / 2 + dH * y);
}
}
rectMode(CENTER);
for (var z = 0; z < 4; z ++) { // 4 pink stripes
rect(z * 200, 0, 50, height * 2);
}
for (var c = 0; c < 4; c ++) { // This creates the lumpy bubble pattern
for (var d = 0; d < 30; d ++) {
fill(220, 100, 15 * d);
circle(c * 200, d * 25, 30);
}
}
noLoop();
}
For this project I was very inspired by the colors of the vaporwave backgrounds. I wanted to keep my design very vertical in nature, so I opted out of creating anything that draws the eyes horizontally. While the background color stays the same, the gradient of the diamonds can sometimes trick the eyes into seeing the lower half of the design as lighter.