let time = 1; let step = 0.01; let col = 60; let txts; let txt = 'Stay Home' let txt_ = 'Save Lives' function setup() { createCanvas(w=min(windowWidth, windowHeight), h=w); noStroke(); fill('#F6E5D7') txts = w/18; } function draw() { background(col); time += step; //house let wallpos = w*2/8 + w*4/8*(time - 1); let roofpos = h*3/6 - h*2/6*(time - 2); if(time<2) { beginShape(); vertex(w*2/8, h*5/6); vertex(wallpos, h*5/6); vertex(wallpos, h*3/6); vertex(w*2/8, h*3/6); endShape(CLOSE); } if(22.5 && time<3) { house(); push(); fill(col); beginShape(); vertex(doorpos, h*5/6);//vertex(w*4.5/8, h*5/6); vertex(w*5.5/8, h*5/6); vertex(w*5.5/8, h*3.5/6);//vertex(w*5.5/8, doorpos); vertex(doorpos, h*3.5/6);//vertex(w*5.5/8, doorpos); endShape(CLOSE); pop(); } //window if(time>3 && time<3.5) { house(); door(); let winpos = h*4.5/6 - h*1.6/6*(time - 3); push(); fill(col); beginShape(); vertex(w*2.5/8, h*4.5/6); vertex(w*3.5/8, h*4.5/6); vertex(w*3.5/8, winpos); vertex(w*2.5/8, winpos); endShape(CLOSE); pop(); } //peple if(time>3.5 && time<4) { house(); door(); win(); let peplepos = w/2 - w*2/8*(time - 3.5); circle(peplepos, h*4/6, w*0.5/8); ellipse(peplepos, h*4.55/6, w*0.7/8, h/8); } //stayhome if(time>4 && time<5) { house(); door(); win(); peple(); stayhome(); push(); fill(col); let pos = w/2 - textWidth(txt)/2 + textWidth(txt)*(time - 4); rect(pos, h/16, textWidth(txt), h/8) pop(); } if(time>5 && time<5.5) { house(); door(); win(); peple(); stayhome(); } if(time>5.5 && time<6.5) { push(); scale(cos(time-5.5)); house(); door(); win(); peple(); pop(); stayhome(); let pos = txts*(time - 5.5); push(); fill(col); rect(w/2 - textWidth(txt)/2, h/8 - 2*txts + pos, textWidth(txt), txts) pop(); } //savelives if(time>6.5 && time<7.5){ all(); push(); fill(col, 255 * (1-(time-6.5))); rect(w/2, 0, w/2, h); rect(0, h/2, w/2, h/2); pop(); let pos = txts*(time - 6.5); savelives(); push(); fill(col); rect(w/2 - textWidth(txt)/2, h/8 - txts + pos, textWidth(txt), txts) pop(); } if(time>7.5){ all(); savelives(); } } function house(){ let rooftop = h*3/6 - h*2/6*(2.5 - 2); beginShape(); vertex(w*2/8, h*5/6); vertex(w*6/8, h*5/6); vertex(w*6/8, h*3/6); vertex(w*4/8, rooftop); vertex(w*2/8, h*3/6); endShape(CLOSE); } function door(){ push(); fill(col); beginShape(); vertex(w*4.5/8, h*5/6); vertex(w*5.5/8, h*5/6); vertex(w*5.5/8, h*3.5/6); vertex(w*4.5/8, h*3.5/6); endShape(CLOSE); pop(); } function win(){ push(); fill(col); beginShape(); vertex(w*2.5/8, h*4.5/6); vertex(w*3.5/8, h*4.5/6); vertex(w*3.5/8, h*3.7/6); vertex(w*2.5/8, h*3.7/6); endShape(CLOSE); pop(); } function peple(){ circle(w*3/8, h*4/6, w*0.5/8); ellipse(w*3/8, h*4.55/6, w*0.7/8, h/8); } function stayhome(){ textAlign(CENTER); textSize(txts); text(txt, w/2, h/8); } function savelives(){ textAlign(CENTER); textSize(txts); text(txt_, w/2, h/8); } function all(){ push(); scale(cos(6.5-5.5)); house(); door(); win(); peple(); pop(); push(); fill('#FFB1BC'); translate(w/2, 0); scale(cos(6.5-5.5)); house(); door(); win(); peple(); pop(); push(); fill('#73D0C2'); translate(0, h/2.5); scale(cos(6.5-5.5)); house(); door(); win(); peple(); pop(); push(); fill('#FFC530'); translate(w/2, h/2.5); scale(cos(6.5-5.5)); house(); door(); win(); peple(); pop(); }

Stay Home, Save Lives.