Moving Face

def setup():

#backdrop
size(500,700)
background(510)
def draw():



if mouseX<=150 and mouseY<=300:
#no outlining
strokeWeight(0)
background(510)
#red body
fill(255,0,0)
rect(30,470,340,400,115)

#white collar
fill (255,255,255)
ellipse(200,420,280,280)

#Blue negative space in body
fill (0,0,255)
rect(50, 300, 300,187)
ellipse(200,420,225,225)

#ears
fill(255,153,153)
ellipse(100,390,50,60)
ellipse(300,390,50,60)

#Face
fill (255,204,153)
#ellipse(200,350, 200,200)
rect(100,270,200,225,115)
#Red Hat
fill(255,0,0)
triangle(100, 320, 300, 320, 250, 50)

ellipse(280, 78, 80,80)

#Blue negative space in hat
fill (0,0,255)
ellipse(300, 100, 80,80)

#White fur
fill(255,255,255)
rect(90,300,220,40,115)
ellipse(320, 78, 80,80)

#teeth
fill(255,255,255)
strokeWeight(2)
rect(160,455,10,10)
rect(230,455,10,10)
rect(170,460,10,10)
rect(180,465,10,10)
rect(190,470,10,10)
rect(200,470,10,10)
rect(210,465,10,10)
rect(220,460,10,10)

#HHH white
fill(255,255,255)
rect(350,150,54,100)
rect(350,260,54,100)
rect(350,370,54,100)

#HHH blue
fill(0,0,255)
rect(368,150,18,40)
rect(368,210,18,40)
rect(368,260,18,40)
rect(368,320,18,40)
rect(368,370,18,40)
rect(368,430,18,40)

#ooo white
fill(255,255,255)
rect(410,150,50,100,50)
rect(410,260,50,100,50)
rect(410,370,50,100,50)


#ooo blue
fill(0,0,255)

rect(430,170,10,60,50)
rect(430,280,10,60,50)
rect(430,390,10,60,50)

elif mouseX>=250 and mouseY<=300:
background(510)
#no outlining
strokeWeight(0)

#ears
fill(255,153,153)
ellipse(100,390,50,60)
ellipse(300,390,50,60)

#red body
fill(255,0,0)
rect(30,470,340,400,115)

#white collar
fill (255,255,255)
ellipse(200,420,280,280)

#Blue negative space in body
fill (0,0,255)
rect(50, 300, 300,187)
ellipse(200,420,225,225)

#ears
fill(255,153,153)
ellipse(100,390,50,60)
ellipse(300,390,50,60)

#Face
fill (255,204,153)
#ellipse(200,350, 200,200)
rect(100,270,200,225,115)

#Hat2

fill(255,0,0)
triangle(100, 320, 300, 320, 150, 50)
ellipse(120, 78, 80,80)

#Blue negative space in hat2
fill (0,0,255)
ellipse(100, 100, 80,80)

#White fur hat2
fill(255,255,255)
ellipse(80, 78, 80,80)
rect(90,300,220,40,115)

#teeth
fill(255,255,255)
strokeWeight(2)
rect(160,455,10,10)
rect(230,455,10,10)
rect(170,460,10,10)
rect(180,465,10,10)
rect(190,470,10,10)
rect(200,470,10,10)
rect(210,465,10,10)
rect(220,460,10,10)

#HHH white
fill(255,255,255)
rect(350,150,54,100)
rect(350,260,54,100)
rect(350,370,54,100)

#HHH blue
fill(0,0,255)
rect(368,150,18,40)
rect(368,210,18,40)
rect(368,260,18,40)
rect(368,320,18,40)
rect(368,370,18,40)
rect(368,430,18,40)


#ooo white
fill(255,255,255)
rect(410,150,50,100,50)
rect(410,260,50,100,50)
rect(410,370,50,100,50)


#ooo blue
fill(0,0,255)

rect(430,170,10,60,50)
rect(430,280,10,60,50)
rect(430,390,10,60,50)

else:
background(510)
fill(200)

#ears
fill(255,153,153)
ellipse(100,390,50,60)
ellipse(300,390,50,60)

#face
fill (255,204,153)
rect(100,270,200,225,15)
        #teeth
fill(255,255,255)
strokeWeight(2)
rect(160,475,10,10)
rect(230,475,10,10)
rect(170,470,10,10)
rect(180,465,10,10)
rect(190,460,10,10)
rect(200,460,10,10)
rect(210,465,10,10)
rect(220,470,10,10)


#ooo white
fill(255,255,255)
rect(350,150,50,100,50)
rect(350,260,50,100,50)
rect(350,370,50,100,50)


#ooo blue
fill(0,0,255)
rect(370,170,10,60,50)
rect(370,280,10,60,50)
rect(370,390,10,60,50)

#HHH white
fill(255,255,255)
rect(410,150,54,100)
rect(410,260,54,100)
rect(410,370,54,100)

#HHH blue
fill(0,0,255)
rect(428,150,18,40)
rect(428,210,18,40)
rect(428,260,18,40)
rect(428,320,18,40)
rect(428,370,18,40)
rect(428,430,18,40)



#White eye parts
strokeWeight(0)
fill(255,255,255)
ellipse(150,390,50,65)
ellipse(250,390,50,65)

#nose
fill(255,153,153)
ellipse(200,430,20,20)



#black eye balls
fill(0,0,0)
ellipse(150,400,40,40)
ellipse(250,400,40,40)
One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.