/*
INSTAGRAM POST
By Yujin Seol
PROG14998 Introduction to Media Computation
Assignment1: Interactive Drawing
*/
void setup(){
size(400,400);
}
void draw(){
//purple background
background(202,136,231);
ellipseMode(CORNERS);
rectMode(CORNERS);
smooth();
frameRate(60);
//orange background
noStroke();
fill(250,148,15);
triangle(141,134-mouseY/2.5,182,133-mouseY/2.5,131,160-mouseY/2.5);
triangle(138,153-mouseY/2.5,194,140-mouseY/2.5,147,184-mouseY/2.5);
triangle(168,155-mouseY/2.5,237,135-mouseY/2.5,136,200-mouseY/2.5);
triangle(118,199-mouseY/2.5,118,225-mouseY/2.5,268,136-mouseY/2.5);
quad(144,195-mouseY/2.5,226,182-mouseY/2.5,176,256-mouseY/2.5,139,282-mouseY/2.5);
quad(107,284-mouseY/2.5,219,258-mouseY/2.5,196,280-mouseY/2.5,159,338-mouseY/2.5);
triangle(110,264-mouseY/2.5,215,282-mouseY/2.5,53,412-mouseY/2.5);
triangle(130,386-mouseY/2.5,0,416-mouseY/2.5,50,456-mouseY/2.5);
quad(0,136-mouseY/2.5,131,136-mouseY/2.5,50,456-mouseY/2.5,0,456-mouseY/2.5);
quad(93,140-mouseY/2.5,140,120-mouseY/2.5,147,316-mouseY/2.5,52,379-mouseY/2.5);
triangle(134,158-mouseY/2.5,166,183-mouseY/2.5,126,211-mouseY/2.5);
//shadow
fill(142,84,168);
ellipse(297,318-mouseY/2.5,309,329-mouseY/2.5);
quad(284,320-mouseY/2.5,300,320-mouseY/2.5,307,325-mouseY/2.5,304,337-mouseY/2.5);
ellipse(276,318-mouseY/2.5,287,324-mouseY/2.5);
triangle(278,323-mouseY/2.5,299,324-mouseY/2.5,290,348-mouseY/2.5);
triangle(288,327-mouseY/2.5,305,330-mouseY/2.5,308,373-mouseY/2.5);
ellipse(264,344-mouseY/2.5,273,350-mouseY/2.5);
ellipse(253,342-mouseY/2.5,260,349-mouseY/2.5);
triangle(252,345-mouseY/2.5,270,344-mouseY/2.5,269,371-mouseY/2.5);
ellipse(271,361-mouseY/2.5,281,377-mouseY/2.5);
quad(262,352-mouseY/2.5,270,347-mouseY/2.5,279,365-mouseY/2.5,279,403-mouseY/2.5);
quad(277,369-mouseY/2.5,302,402-mouseY/2.5,292,430-mouseY/2.5,279,403-mouseY/2.5);
quad(290,426-mouseY/2.5,300,372-mouseY/2.5,349,456-mouseY/2.5,298,456-mouseY/2.5);
triangle(307,365-mouseY/2.5,330,427-mouseY/2.5,305,397-mouseY/2.5);
ellipse(162,442-mouseY/2.5,177,452-mouseY/2.5);
triangle(149,441-mouseY/2.5,168,456-mouseY/2.5,153,456-mouseY/2.5);
quad(155,446-mouseY/2.5,170,444-mouseY/2.5,170,456-mouseY/2.5,157,456-mouseY/2.5);
quad(171,442-mouseY/2.5,188,448-mouseY/2.5,185,456-mouseY/2.5,169,456-mouseY/2.5);
ellipse(180,446-mouseY/2.5,199,452-mouseY/2.5);
stroke(142,84,168);
strokeWeight(12);
line(288,327-mouseY/2.5,309,393-mouseY/2.5);
noStroke();
//sky
fill(206);
quad(0,199-mouseY/2.5,373,56-mouseY/2.5,-300,-244-mouseY/2.5,-100,-44-mouseY/2.5);
fill(198);
quad(0,181-mouseY/2.5,326,56-mouseY/2.5,-300,-244-mouseY/2.5,-100,-44-mouseY/2.5);
fill(190);
quad(0,163-mouseY/2.5,279,56-mouseY/2.5,-300,-244-mouseY/2.5,-100,-44-mouseY/2.5);
fill(182);
quad(0,144-mouseY/2.5,232,56-mouseY/2.5,-300,-244-mouseY/2.5,-100,-44-mouseY/2.5);
fill(174);
quad(0,127-mouseY/2.5,182,56-mouseY/2.5,-300,-244-mouseY/2.5,-100,-44-mouseY/2.5);
fill(166);
quad(0,108-mouseY/2.5,136,56-mouseY/2.5,-300,-244-mouseY/2.5,-100,-44-mouseY/2.5);
fill(158);
quad(0,89-mouseY/2.5,89,56-mouseY/2.5,-300,-244-mouseY/2.5,-100,-44-mouseY/2.5);
fill(150);
quad(0,71-mouseY/2.5,40,56-mouseY/2.5,-300,-244-mouseY/2.5,-100,-44-mouseY/2.5);
//background building1
fill(173);
quad(22,138-mouseY/2.5,71,112-mouseY/2.5,89,165-mouseY/2.5,44,182-mouseY/2.5);
quad(6,171-mouseY/2.5,20,167-mouseY/2.5,29,188-mouseY/2.5,13,195-mouseY/2.5);
quad(134,101-mouseY/2.5,144,93-mouseY/2.5,164,136-mouseY/2.5,152,141-mouseY/2.5);
quad(143,93-mouseY/2.5,175,103-mouseY/2.5,188,127-mouseY/2.5,163,137-mouseY/2.5);
quad(179,86-mouseY/2.5,191,81-mouseY/2.5,211,118-mouseY/2.5,198,123-mouseY/2.5);
quad(194,92-mouseY/2.5,208,85-mouseY/2.5,223,114-mouseY/2.5,203,121-mouseY/2.5);
quad(228,99-mouseY/2.5,239,84-mouseY/2.5,250,105-mouseY/2.5,220,115-mouseY/2.5);
fill(116);
quad(31,82-mouseY/2.5,64,66-mouseY/2.5,108,157-mouseY/2.5,67,173-mouseY/2.5);
quad(64,66-mouseY/2.5,99,67-mouseY/2.5,138,147-mouseY/2.5,100,161-mouseY/2.5);
quad(9,114-mouseY/2.5,25,109-mouseY/2.5,53,179-mouseY/2.5,37,185-mouseY/2.5);
quad(4,127-mouseY/2.5,10,113-mouseY/2.5,38,185-mouseY/2.5,24,190-mouseY/2.5);
stroke(173);
strokeWeight(5);
line(133,75-mouseY/2.5,152,108-mouseY/2.5);
stroke(mouseX,mouseY,mouseX);
line(50,88-mouseY/2.5,51,91-mouseY/2.5);
line(60,83-mouseY/2.5,61,86-mouseY/2.5);
line(75,79-mouseY/2.5,76,82-mouseY/2.5);
line(85,79-mouseY/2.5,86,82-mouseY/2.5);
line(94,79-mouseY/2.5,95,82-mouseY/2.5);
line(82,93-mouseY/2.5,83,96-mouseY/2.5);
line(92,93-mouseY/2.5,93,96-mouseY/2.5);
point(70,107-mouseY/2.5);
noStroke();
//back arm - person1
fill(255,198,0);
triangle(107,198-mouseY/2.5,146,252-mouseY/2.5,125,215-mouseY/2.5);
triangle(112,206-mouseY/2.5,108,237-mouseY/2.5,136,263-mouseY/2.5);
triangle(134,246-mouseY/2.5,184,243-mouseY/2.5,141,264-mouseY/2.5);
triangle(142,266-mouseY/2.5,186,250-mouseY/2.5,183,243-mouseY/2.5);
ellipse(180,248-mouseY/2.5,201,256-mouseY/2.5);
triangle(190,246-mouseY/2.5,211,245-mouseY/2.5,199,255-mouseY/2.5);
triangle(188,239-mouseY/2.5,194,250-mouseY/2.5,183,251-mouseY/2.5);
stroke(255,198,0);
strokeWeight(17);
line(105,206-mouseY/2.5,142,256-mouseY/2.5);
strokeWeight(4);
line(142,262-mouseY/2.5,183,244-mouseY/2.5);
line(183,244-mouseY/2.5,191,236-mouseY/2.5);
noStroke();
//front leg - person1
ellipse(94,370-mouseY/2.5,117,404-mouseY/2.5);
triangle(86,376-mouseY/2.5,116,392-mouseY/2.5,111,419-mouseY/2.5);
ellipse(94,401-mouseY/2.5,117,421-mouseY/2.5);
triangle(95,392-mouseY/2.5,93,423-mouseY/2.5,112,420-mouseY/2.5);
triangle(92,419-mouseY/2.5,113,421-mouseY/2.5,107,463-mouseY/2.5);
strokeWeight(10);
stroke(255,198,0);
line(113,414-mouseY/2.5,117,466-mouseY/2.5);
line(110,426-mouseY/2.5,110,466-mouseY/2.5);
noStroke();
//back leg - person1
ellipse(147,355-mouseY/2.5,163,372-mouseY/2.5);
ellipse(140,381-mouseY/2.5,157,399-mouseY/2.5);
triangle(141,389-mouseY/2.5,158,390-mouseY/2.5,150,361-mouseY/2.5);
triangle(106,326-mouseY/2.5,158,358-mouseY/2.5,150,380-mouseY/2.5);
triangle(132,314-mouseY/2.5,161,357-mouseY/2.5,143,366-mouseY/2.5);
triangle(155,347-mouseY/2.5,165,379-mouseY/2.5,150,389-mouseY/2.5);
triangle(165,378-mouseY/2.5,142,395-mouseY/2.5,163,428-mouseY/2.5);
triangle(152,434-mouseY/2.5,165,427-mouseY/2.5,146,398-mouseY/2.5);
ellipse(149,429-mouseY/2.5,167,441-mouseY/2.5);
triangle(163,436-mouseY/2.5,188,441-mouseY/2.5,197,432-mouseY/2.5);
triangle(158,418-mouseY/2.5,186,434-mouseY/2.5,163,437-mouseY/2.5);
//pants - person1
fill(250);
triangle(62,327-mouseY/2.5,71,362-mouseY/2.5,88,388-mouseY/2.5);
ellipse(83,348-mouseY/2.5,117,381-mouseY/2.5);
triangle(87,387-mouseY/2.5,110,378-mouseY/2.5,70,347-mouseY/2.5);
triangle(62,325-mouseY/2.5,75,363-mouseY/2.5,107,353-mouseY/2.5);
triangle(116,368-mouseY/2.5,122,354-mouseY/2.5,109,326-mouseY/2.5);
ellipse(117,338-mouseY/2.5,138,356-mouseY/2.5);
triangle(145,324-mouseY/2.5,134,354-mouseY/2.5,154,345-mouseY/2.5);
triangle(133,310-mouseY/2.5,145,324-mouseY/2.5,141,344-mouseY/2.5);
rect(75,324-mouseY/2.5,143,347-mouseY/2.5);
triangle(99,305-mouseY/2.5,137,314-mouseY/2.5,140,339-mouseY/2.5);
triangle(109,299-mouseY/2.5,97,327-mouseY/2.5,125,327-mouseY/2.5);
triangle(117,341-mouseY/2.5,118,358-mouseY/2.5,85,342-mouseY/2.5);
//sleevless - person1
fill(169,221,222);
ellipse(50,193-mouseY/2.5,87,205-mouseY/2.5);
ellipse(41,194-mouseY/2.5,72,226-mouseY/2.5);
ellipse(90,194-mouseY/2.5,110,211-mouseY/2.5);
triangle(109,198-mouseY/2.5,58,207-mouseY/2.5,122,248-mouseY/2.5);
triangle(71,206-mouseY/2.5,122,248-mouseY/2.5,120,282-mouseY/2.5);
triangle(41,207-mouseY/2.5,45,265-mouseY/2.5,102,209-mouseY/2.5);
rect(53,219-mouseY/2.5,108,329-mouseY/2.5);
triangle(45,265-mouseY/2.5,53,329-mouseY/2.5,62,239-mouseY/2.5);
ellipse(53,322-mouseY/2.5,109,333-mouseY/2.5);
triangle(108,329-mouseY/2.5,123,314-mouseY/2.5,104,227-mouseY/2.5);
ellipse(108,303-mouseY/2.5,145,320-mouseY/2.5);
triangle(110,248-mouseY/2.5,145,311-mouseY/2.5,83,301-mouseY/2.5);
//sparkler - person1
strokeWeight(2);
stroke(81,30,10);
line(137,243-mouseY/2.5,180,222-mouseY/2.5);
noStroke();
//front arm - person1
fill(255,198,0);
ellipse(42,202-mouseY/2.5,63,224-mouseY/2.5);
ellipse(63,228-mouseY/2.5,80,256-mouseY/2.5);
triangle(56,202-mouseY/2.5,74,228-mouseY/2.5,70,245-mouseY/2.5);
triangle(43,217-mouseY/2.5,69,256-mouseY/2.5,66,219-mouseY/2.5);
ellipse(66,234-mouseY/2.5,138,250-mouseY/2.5);
triangle(73,256-mouseY/2.5,103,250-mouseY/2.5,75,241-mouseY/2.5);
ellipse(130,234-mouseY/2.5,146,250-mouseY/2.5);
//head - person1
ellipse(67,144-mouseY/2.5,107,174-mouseY/2.5);
ellipse(83,176-mouseY/2.5,109,195-mouseY/2.5);
triangle(67,161-mouseY/2.5,83,189-mouseY/2.5,101,165-mouseY/2.5);
triangle(107,161-mouseY/2.5,109,187-mouseY/2.5,78,165-mouseY/2.5);
ellipse(67,173-mouseY/2.5,81,181-mouseY/2.5);
ellipse(76,174-mouseY/2.5,86,199-mouseY/2.5);
ellipse(76,186-mouseY/2.5,94,203-mouseY/2.5);
//face - person1
strokeWeight(4);
stroke(250,148,15);
line(91,166-mouseY/2.5,94,175-mouseY/2.5);
line(100,163-mouseY/2.5,102,172-mouseY/2.5);
line(105,177-mouseY/2.5,103,178-mouseY/2.5);
ellipse(98,183-mouseY/2.5,103,187-mouseY/2.5);
noStroke();
//left arm - person2
triangle(201,148-mouseY/2.5,198,186-mouseY/2.5,222,157-mouseY/2.5);
ellipse(197,180-mouseY/2.5,203,196-mouseY/2.5);
triangle(192,186-mouseY/2.5,192,191-mouseY/2.5,201,197-mouseY/2.5);
triangle(192,168-mouseY/2.5,198,191-mouseY/2.5,203,182-mouseY/2.5);
triangle(187,167-mouseY/2.5,186,173-mouseY/2.5,191,170-mouseY/2.5);
strokeWeight(10);
stroke(255,198,0);
line(191,173-mouseY/2.5,195,177-mouseY/2.5);
line(195,179-mouseY/2.5,198,189-mouseY/2.5);
strokeWeight(4);
line(207,167-mouseY/2.5,201,186-mouseY/2.5);
//right arm1 - person2
strokeWeight(9);
line(254,137-mouseY/2.5,259,165-mouseY/2.5);
noStroke();
//left leg - person2
ellipse(240,273-mouseY/2.5,248,301-mouseY/2.5);
triangle(241,297-mouseY/2.5,256,299-mouseY/2.5,255,321-mouseY/2.5);
triangle(257,320-mouseY/2.5,254,337-mouseY/2.5,268,337-mouseY/2.5);
triangle(250,277-mouseY/2.5,257,300-mouseY/2.5,243,300-mouseY/2.5);
ellipse(258,333-mouseY/2.5,271,340-mouseY/2.5);
stroke(255,198,0);
strokeWeight(7);
line(254,301-mouseY/2.5,258,326-mouseY/2.5);
line(249,266-mouseY/2.5,249,293-mouseY/2.5);
noStroke();
//right leg - person2
ellipse(264,251-mouseY/2.5,276,285-mouseY/2.5);
triangle(265,277-mouseY/2.5,282,285-mouseY/2.5,282,308-mouseY/2.5);
triangle(282,301-mouseY/2.5,277,314-mouseY/2.5,304,314-mouseY/2.5);
ellipse(295,310-mouseY/2.5,303,314-mouseY/2.5);
ellipse(287,311-mouseY/2.5,298,316-mouseY/2.5);
strokeWeight(7);
stroke(255,198,0);
line(272,263-mouseY/2.5,278,287-mouseY/2.5);
line(278,297-mouseY/2.5,278,310-mouseY/2.5);
noStroke();
//pants - person2
fill(250);
ellipse(225,221-mouseY/2.5,246,251-mouseY/2.5);
rect(236,214-mouseY/2.5,268,247-mouseY/2.5);
triangle(225,241-mouseY/2.5,251,247-mouseY/2.5,240,269-mouseY/2.5);
triangle(230,249-mouseY/2.5,236,276-mouseY/2.5,257,275-mouseY/2.5);
ellipse(249,264-mouseY/2.5,259,275-mouseY/2.5);
triangle(257,225-mouseY/2.5,237,266-mouseY/2.5,259,272-mouseY/2.5);
triangle(243,234-mouseY/2.5,264,264-mouseY/2.5,279,254-mouseY/2.5);
ellipse(263,258-mouseY/2.5,284,265-mouseY/2.5);
triangle(270,220-mouseY/2.5,261,253-mouseY/2.5,284,262-mouseY/2.5);
triangle(275,229-mouseY/2.5,265,236-mouseY/2.5,276,241-mouseY/2.5);
strokeWeight(9);
stroke(250);
line(259,207-mouseY/2.5,270,229-mouseY/2.5);
noStroke();
//sleevless - person2
fill(169,221,222);
triangle(200,147-mouseY/2.5,224,130-mouseY/2.5,221,166-mouseY/2.5);
triangle(207,149-mouseY/2.5,209,176-mouseY/2.5,253,177-mouseY/2.5);
triangle(210,176-mouseY/2.5,253,163-mouseY/2.5,227,208-mouseY/2.5);
ellipse(223,207-mouseY/2.5,251,227-mouseY/2.5);
triangle(224,220-mouseY/2.5,217,190-mouseY/2.5,263,208-mouseY/2.5);
triangle(241,227-mouseY/2.5,268,210-mouseY/2.5,260,186-mouseY/2.5);
triangle(231,177-mouseY/2.5,261,197-mouseY/2.5,255,131-mouseY/2.5);
rect(229,175-mouseY/2.5,257,208-mouseY/2.5);
triangle(255,131-mouseY/2.5,226,129-mouseY/2.5,243,165-mouseY/2.5);
rect(216,142-mouseY/2.5,247,179-mouseY/2.5);
triangle(225,125-mouseY/2.5,219,146-mouseY/2.5,238,148-mouseY/2.5);
//right arm2 - person2
fill(255,198,0);
ellipse(258,156-mouseY/2.5,267,179-mouseY/2.5);
triangle(253,147-mouseY/2.5,255,171-mouseY/2.5,261,178-mouseY/2.5);
triangle(249,148-mouseY/2.5,249,154-mouseY/2.5,254,157-mouseY/2.5);
strokeWeight(9);
stroke(255,198,0);
line(253,148-mouseY/2.5,262,165-mouseY/2.5);
noStroke();
//head - person2
ellipse(204,88-mouseY/2.5,234,104-mouseY/2.5);
ellipse(216,113-mouseY/2.5,234,126-mouseY/2.5);
triangle(206,100-mouseY/2.5,218,124-mouseY/2.5,232,116-mouseY/2.5);
rect(234,106-mouseY/2.5,216,117-mouseY/2.5);
triangle(207,98-mouseY/2.5,216,110-mouseY/2.5,224,103-mouseY/2.5);
ellipse(229,103-mouseY/2.5,238,109-mouseY/2.5);
ellipse(207,107-mouseY/2.5,214,113-mouseY/2.5);
strokeWeight(10);
stroke(255,198,0);
line(226,129-mouseY/2.5,224,116-mouseY/2.5);
line(227,95-mouseY/2.5,230,117-mouseY/2.5);
//face - person2
strokeWeight(4);
stroke(250,148,15);
line(222,102-mouseY/2.5,223,106-mouseY/2.5);
line(214,105-mouseY/2.5,215,109-mouseY/2.5);
noStroke();
//sparkler1
ellipseMode(CENTER);
fill(mouseY,248,213,50);
ellipse(183,221-mouseY/2.5,200,200);
ellipse(183,221-mouseY/2.5,135,135);
ellipse(183,221-mouseY/2.5,85,85);
ellipse(183,221-mouseY/2.5,70,70);
ellipse(183,221-mouseY/2.5,55,55);
ellipse(183,221-mouseY/2.5,40,40);
stroke(mouseY,mouseX+100,mouseY+100,mouseX);
strokeWeight(1);
line(170,176-mouseY/2.5,183,221-mouseY/2.5);
line(163,286-mouseY/2.5,183,221-mouseY/2.5);
line(180,213-mouseY/2.5,183,221-mouseY/2.5);
line(133,303-mouseY/2.5,183,221-mouseY/2.5);
line(143,122-mouseY/2.5,183,221-mouseY/2.5);
line(199,137-mouseY/2.5,183,221-mouseY/2.5);
line(99,128-mouseY/2.5,183,221-mouseY/2.5);
line(244,166-mouseY/2.5,183,221-mouseY/2.5);
line(213,277-mouseY/2.5,183,221-mouseY/2.5);
line(mouseX-50,(mouseY+6)-mouseY/2.5,183,221-mouseY/2.5);
line(mouseX-120,(mouseY-124)-mouseY/2.5,183,221-mouseY/2.5);
line(mouseY-50,(mouseX+6)-mouseY/2.5,183,221-mouseY/2.5);
line(mouseY-120,(mouseX-124)-mouseY/2.5,183,221-mouseY/2.5);
line(mouseY-11,(mouseX-154)-mouseY/2.5,183,221-mouseY/2.5);
line(mouseY-64,(mouseX-42)-mouseY/2.5,183,221-mouseY/2.5);
line(mouseY-67,(mouseX-30)-mouseY/2.5,183,221-mouseY/2.5);
line(mouseY-33,(mouseX-118)-mouseY/2.5,183,221-mouseY/2.5);
line(mouseY-154,(mouseX-145)-mouseY/2.5,183,221-mouseY/2.5);
strokeWeight(2);
stroke(mouseX,mouseY+100,mouseX+100,mouseX);
line(165,231-mouseY/2.5,183,221-mouseY/2.5);
line(228,241-mouseY/2.5,183,221-mouseY/2.5);
line(137,209-mouseY/2.5,183,221-mouseY/2.5);
line(mouseX-78,(mouseY-43)-mouseY/2.5,183,221-mouseY/2.5);
line(mouseX-300,(mouseY-44)-mouseY/2.5,183,221-mouseY/2.5);
stroke(255,255,255,mouseY);
line(199,(mouseX-24)-mouseY/2.5,183,221-mouseY/2.5);
line(276,(mouseY-211)-mouseY/2.5,183,221-mouseY/2.5);
line(101,(mouseY-209)-mouseY/2.5,183,221-mouseY/2.5);
strokeWeight(4);
noStroke();
//sparkler2
ellipse(188,167-mouseY/2.5,100,100);
ellipse(188,167-mouseY/2.5,60,60);
ellipse(188,167-mouseY/2.5,45,45);
ellipse(188,167-mouseY/2.5,10,10);
ellipse(253,146-mouseY/2.5,100,100);
ellipse(253,146-mouseY/2.5,60,60);
ellipse(253,146-mouseY/2.5,45,45);
ellipse(253,146-mouseY/2.5,10,10);
//speech bubble
fill(255);
quad(293,173-mouseY/2.5,339,155-mouseY/2.5,358,201-mouseY/2.5,311,219-mouseY/2.5);
triangle(309,183-mouseY/2.5,290,201-mouseY/2.5,313,204-mouseY/2.5);
fill(mouseX,mouseY,mouseX);
ellipse(318,188-mouseY/2.5,15.3,15.3);
ellipse(332,182-mouseY/2.5,15.3,15.3);
quad(311,193-mouseY/2.5,325,184-mouseY/2.5,340,180-mouseY/2.5,331,199-mouseY/2.5);
//Instagram UI - upper bar
fill(255);
rect(0,0-mouseY/2.5,400,56-mouseY/2.5);
//Instagram UI - upper bar words
stroke(0);
strokeWeight(2);
line(53,24-mouseY/2.5,56,30-mouseY/2.5);
line(59,24-mouseY/2.5,56,30-mouseY/2.5);
line(56,30-mouseY/2.5,56,34-mouseY/2.5);
line(63,24-mouseY/2.5,63,34-mouseY/2.5);
line(69,24-mouseY/2.5,69,34-mouseY/2.5);
line(63,34-mouseY/2.5,69,34-mouseY/2.5);
line(78,24-mouseY/2.5,78,34-mouseY/2.5);
line(73,34-mouseY/2.5,78,34-mouseY/2.5);
line(82,24-mouseY/2.5,82,34-mouseY/2.5);
line(86,24-mouseY/2.5,86,34-mouseY/2.5);
line(92,24-mouseY/2.5,92,34-mouseY/2.5);
line(92,34-mouseY/2.5,86,24-mouseY/2.5);
line(97,34-mouseY/2.5,102,34-mouseY/2.5);
strokeWeight(3.3);
point(370,29-mouseY/2.5);
point(375,29-mouseY/2.5);
point(380,29-mouseY/2.5);
//Instagram UI - upper button
stroke(172,0,83);
strokeWeight(1.5);
ellipse(28,29-mouseY/2.5,37,37);
noStroke();
fill(150);
ellipse(28,29-mouseY/2.5,32,32);
fill(255,198,0);
ellipse(28,23-mouseY/2.5,16,10);
ellipse(28,35-mouseY/2.5,10,7);
quad(20,23-mouseY/2.5,36,23-mouseY/2.5,33,35-mouseY/2.5,23,35-mouseY/2.5);
ellipse(28,28-mouseY/2.5,20,5);
stroke(250,148,15);
strokeWeight(3);
point(25,26-mouseY/2.5);
point(31,26-mouseY/2.5);
noStroke();
//Instagram UI - lower bar
fill(255);
rect(0,456-mouseY/2.5,400,700-mouseY/2.5);
//Instagram UI - heart icon
stroke(0);
strokeWeight(2.3);
ellipse(20,478-mouseY/2.5,12,12);
ellipse(32,478-mouseY/2.5,12,12);
noStroke();
rectMode(CENTER);
rect(27,483-mouseY/2.5,20,10);
stroke(0);
line(15,482-mouseY/2.5,26,492-mouseY/2.5);
line(37,482-mouseY/2.5,26,492-mouseY/2.5);
//Instagram UI - speech bubble icon
triangle(72,483-mouseY/2.5,78,491-mouseY/2.5,70,490-mouseY/2.5);
ellipse(66,482-mouseY/2.5,21,21);
noStroke();
triangle(74,486-mouseY/2.5,77,491-mouseY/2.5,69,489-mouseY/2.5);
//Instagram UI - paper plane icon
stroke(0);
strokeWeight(2);
line(95,473-mouseY/2.5,117,473-mouseY/2.5);
line(106,492-mouseY/2.5,117,473-mouseY/2.5);
line(105,480-mouseY/2.5,117,473-mouseY/2.5);
line(105,480-mouseY/2.5,95,473-mouseY/2.5);
line(105,480-mouseY/2.5,106,492-mouseY/2.5);
//Instagram UI - bookmark icon
line(363,473-mouseY/2.5,381,473-mouseY/2.5);
line(363,473-mouseY/2.5,363,493-mouseY/2.5);
line(381,473-mouseY/2.5,381,493-mouseY/2.5);
line(381,493-mouseY/2.5,372,486-mouseY/2.5);
line(363,493-mouseY/2.5,372,486-mouseY/2.5);
//Instagram UI - lower bar words
line(18,514-mouseY/2.5,21,520-mouseY/2.5);
line(24,514-mouseY/2.5,21,520-mouseY/2.5);
line(21,520-mouseY/2.5,21,524-mouseY/2.5);
line(28,514-mouseY/2.5,28,524-mouseY/2.5);
line(34,514-mouseY/2.5,34,524-mouseY/2.5);
line(28,524-mouseY/2.5,34,524-mouseY/2.5);
line(43,514-mouseY/2.5,43,524-mouseY/2.5);
line(38,524-mouseY/2.5,43,524-mouseY/2.5);
line(47,514-mouseY/2.5,47,524-mouseY/2.5);
line(51,514-mouseY/2.5,51,524-mouseY/2.5);
line(57,514-mouseY/2.5,57,524-mouseY/2.5);
line(57,524-mouseY/2.5,51,514-mouseY/2.5);
line(62,524-mouseY/2.5,67,524-mouseY/2.5);
noStroke();
fill(213,26,2);
ellipse(80,516-mouseY/2.5,8,8);
ellipse(88,516-mouseY/2.5,8,8);
triangle(76,516-mouseY/2.5,92,516-mouseY/2.5,84,526-mouseY/2.5);
ellipse(100,516-mouseY/2.5,8,8);
ellipse(108,516-mouseY/2.5,8,8);
triangle(96,516-mouseY/2.5,112,516-mouseY/2.5,104,526-mouseY/2.5);
ellipse(120,516-mouseY/2.5,8,8);
ellipse(128,516-mouseY/2.5,8,8);
triangle(116,516-mouseY/2.5,132,516-mouseY/2.5,124,526-mouseY/2.5);
}
void mousePressed(){
//heart icon in the middle of the post
frameRate(3);
fill(0,0,0,30);
ellipse(182,252-mouseY/2.5,55,55);
ellipse(218,252-mouseY/2.5,55,55);
triangle(157,267-mouseY/2.5,243,267-mouseY/2.5,200,306-mouseY/2.5);
fill(255);
ellipse(182,252-mouseY/2.5,45,45);
ellipse(218,252-mouseY/2.5,45,45);
triangle(164,267-mouseY/2.5,236,267-mouseY/2.5,200,298-mouseY/2.5);
stroke(255);
strokeWeight(10);
line(200,256-mouseY/2.5,200,270-mouseY/2.5);
}
