var elpsWid; var waveA; var waveB; var waveC; var img; var drop; var dotwid; var teaA; var teaB; var teaC; var teaD; var potX; var potY; var potX2; var potY2; var potX3; var potY3; function setup() { createCanvas(400, 400); elpsWid = 0; waveA = 0; waveB = 0; waveC = 0; drop = 160; dotwid = 50 img = loadImage("https://easelart.io/wp-content/uploads/2022/02/3891AB8C-D171-469A-BF42-1527CB0F9CA1.png"); teaA = 260; potX = 130; potY = 200; potX2 = 400; potY2 = 400; potX3 = 130; potY3 = 200; potX4 = 400; potY4 = 400; teaC = 80; teaD = 50; } function draw() { background(200, 220, 230); if(potX4 <= 130){ dotwid = dotwid - 2; } if(dotwid < 15){ elpsWid = elpsWid + 1; waveA = waveA + 2; waveB = waveB + 3; waveC = waveC + 1.5; } if(potX4 <= 130){ potX = potX + 2.7; potY = potY + 2; } if(teaC > 259){ potX3 = potX3 + 2.7; potY3 = potY3 + 2; } if(potX2 > 131 && teaA < 81){ potX2 = potX2 - 2.7; potY2 = potY2 - 2; } if(potX2 < 132) { teaD = teaD - 2; } if(potX4 >= 130){ potX4 = potX4 - 2.7; potY4 = potY4 - 2; } if(teaD < 6 && teaC < 261){ teaC = teaC + 3; } fill(230, 210, 200); ellipse(200, 200, 270); if(elpsWid > 279 && teaA > 80){ teaA = teaA - 2; } all(); if(potX3 >= 400){ setup(); draw(); } } function tea(){ teaRed(); if(elpsWid < 280 && dotwid < 15){ noFill(); stroke(200, 100, 20); strokeWeight(17); ellipse(200, 200, elpsWid); } if(waveA < 280 && dotwid < 15){ noFill(); stroke(230, 100, 0); strokeWeight(5); ellipse(200, 200, waveA); } if(waveB < 280 && dotwid < 15){ noFill(); stroke(250); strokeWeight(10); ellipse(200, 200, waveB); } if(waveC < 280 && dotwid < 15){ noFill(); noFill(); stroke(30, 200, 200); strokeWeight(8); ellipse(200, 200, waveC); } if(potX2 < 131 && teaD > 5){ fill(230, 100, 0); noStroke(); ellipse(200, 200, teaD); } if(teaD < 6){ fill(180, 50, 0); noStroke(); ellipse(200, 200, teaC); } } function mousePressed(){ if(dotwid > 5 && potX4 <= 130){ fill(255); noStroke(); ellipse(200, 200, dotwid); } } function cup(){ noFill(); stroke(250, 150, 160); strokeWeight(7); ellipse(200, 200, 260); noFill(); stroke(255); strokeWeight(18); ellipse(200, 200, 285); noFill(); stroke(230); strokeWeight(10); ellipse(200, 200, 310); } function teaRed(){ if( elpsWid <= 280){ fill(180, 50, 0); stroke(250, 150, 160); strokeWeight(7); ellipse(200, 200, 260); } if(elpsWid > 280 && teaA > 80){ fill(180, 50, 0); noStroke(); ellipse(200, 200, teaA); } if(teaA < 81){ fill(180, 50, 0); noStroke(); ellipse(200, 200, 80); } } function tea2(){ if(dotwid >15){ image(img, potX4, potY4, 350, 400); } if(potX <= 400 && dotwid <= 15){ image(img, potX, potY, 350, 400) } if(teaA < 81 && teaC <= 259){ image(img, potX2, potY2, 350, 400); } if(teaC > 259){ if(potX3 <= 400){ image(img, potX3, potY3, 350, 400) } } } function all(){ tea(); cup(); mousePressed(); tea2(); }

TeaTime