I really like bubble tea, so I created this homage to the drink It was difficult for me to coordinate and organize the spacing in between the different drinks, especially taking into consideration the scaling factor.
peachsketch
function setup() {
createCanvas(600, 400);
}
function draw() {
background(255, 224, 226);
//mint stripes
for (var m = 0; m < width; m+=90){
push();
translate(0, m-275)
strokeWeight(7);
stroke(202, 230, 225)
line(0,0,width, height)
pop();
}
//blue bubble tea cups
for (var i= 0; i < width-60; i+=100){
push();
translate(i, 0);
for(var j = 20; j< height; j += 50){
push();
translate(0, (j*3)-90);
rotate(PI/8)
stroke(134, 164, 219)
strokeWeight(5)
noFill();
//bubble tea cap
ellipse(122, 30, 40,15);
//bubble tea cup
line(100,30,110,80);
line(144, 30, 135,80);
line(134,80,110,80);
//straw
stroke(65, 95, 150)
strokeWeight(7);
line(122, 15,122, 70)
//tapioca balls
stroke(0)
strokeWeight(6);
point(132, 70);
point(127, 67);
point(114, 66);
point(115, 74);
point(122, 69);
point(127, 74);
pop();
}
pop();
}
//mango green tea cups
for (var a= 0; a < width-60; a+=100){
push();
translate(a-50, 0);
for(var c = 0; c< height; c += 50){
push();
translate(30, (c*3));
rotate(-PI/8)
scale(0.5)
stroke(179, 139, 104)
strokeWeight(5)
noFill();
ellipse(122, 30, 40,15);
line(100,30,110,80);
line(144, 30, 135,80);
line(134,80,110,80);
noStroke();
fill(255, 195, 56)
quad(107, 60, 135, 60, 135, 80, 107, 80);
strokeWeight(7);
line(122, 15,122, 70)
pop();
}
pop();
}
noLoop();
}