Your browser does not support the canvas tag.

previous        Show / Hide Source        Download        next
void setup() {
  size(400, 400);
  
  smooth();
  noStroke();
}
void draw() {
  background(mouseY-200, mouseY/10+150, 255);
  
  //CurlSTUFF
  fill(255, 0, 0);
  //topcurl
  ellipse(140, 90, 80, 80);
  //tailhair
  ellipse(310, 360, 120, 120);

  fill(mouseY-200, mouseY/10+150, 255);
  //curloverlap
  ellipse(155, 100, 65,65);
  //tailhairoverlap
  ellipse(280, 370, 80, 80);
 
 fill(255,0,0);
 //topcurl
 ellipse(149,85,60,60);
 //tailhair
 ellipse(288,355,75,75);
 
 fill(mouseY-200, mouseY/10+150, 255);
 //topcurloverlap
 ellipse(143,97,40,40);
 //tailoverlap
 ellipse(296,367,70,70);
 
 fill(255,0,0);
 //topcurl
 ellipse(147,98,35,35);
 //hairtail
 ellipse(288,361,65,65);
 
 fill(mouseY-200, mouseY/10+150, 255);
 //curloverlap
 ellipse(146,94,30,30);
 //tailoverlap
 ellipse(298,362,62,62);
 
 fill(255,0,0);
 //topcurl
 ellipse(143,97,25,25);
 //hairtail
 ellipse(290,366,55,55);
 
 fill(mouseY-200, mouseY/10+150, 255);
 //curloverlap
 ellipse(146,99,20,20);
 //tailOverlap
 ellipse(294,358,50,50);
 
 fill(255,0,0);
 //hairtail
 ellipse(295,364,45,45);
 
 fill(mouseY-200, mouseY/10+150, 255);
 //tailoverlap
 ellipse(291,364,40,40);
 
 fill(255,0,0);
 //Hairtail
 ellipse(293,360,35,35);
 
 fill(mouseY-200, mouseY/10+150, 255);
 //tailoverlap
 ellipse(296,363,30,30);
 
 
   //interaction// causes hair to swirl when mouse is moved up and down 
  frameRate(35);
  fill(mouseY-200, mouseY/10+150, 255);
  ellipse(147,98,mouseY/10-55,mouseY/10-55);
  ellipse(295,365,mouseY/5-90,mouseY/5-90);


  //hair
  fill(255, 0, 0);
  ellipse(140, 200, 160, 160);
  rect(60, 200, 160, 200);

  //shirt
  fill(255, mouseY+150, 0);
  ellipse(140, 400, 100, 180);

  //skin
  fill(239, 228, 176);
  ellipse(140, 220, 120, 120);
  rect(130, 275, 20, 40);
  ellipse(140, 315, 20, 20);

  //bangs
  fill(255, 0, 0);
  ellipse(160, 180, 110, 90);
 

  //eyes
  fill(0);
  ellipse(100, 230, 15, 15);
  
  ellipse(180, 230, 15, 15);
  
  
  //interaction// makes eyelashes move up and down
  triangle(100,222,100,236,80, mouseY/30+215);
  triangle(100,222, 100, 236, 85, mouseY/30+220);
  triangle(180,222,180,236,200,mouseY/30+215);
  triangle(180, 222, 180, 236, 195, mouseY/30+220);
  
  //interaction]
  fill(255);
  rect(285,60,30,150);
  triangle(250,200,300,250,350,200);
  triangle(250,80,300,30,350,80);
  
}