Your browser does not support the canvas tag.

previous        Show / Hide Source        Download        next
void setup() {
  size(400, 400); //Creates the Frame
}


void draw()
{ 
  rectMode(CENTER);//Sets the frames postion
  colorMode(HSB, 400);
  background(mouseY, mouseX+50, mouseY-mouseY/2);//Color of the frames background

  //Spider Web Color/specifications 
  colorMode(HSB, 800);
  noFill();
  strokeWeight(3);
  
  //Creates The Main base for the Spider Web 
  line(400, 0, 0, 400);
  line(0, 0, 400, 400);
  line(200, 0, 200, 400);
  line(0, 200, 400, 200);
  
  //Curves for Spider Web
  curve(100, 100, 160, 160, 200, 140, 160, 100);
  curve(200, 100, 200, 140, 240, 160, 260, 100);
  curve(300, 100, 240, 160, 250, 200, 300, 200);
  curve(300, 200, 250, 200, 240, 240, 300, 300);
  curve(300, 300, 240, 240, 200, 260, 200, 300);
  curve(200, 300, 200, 260, 160, 240, 100, 300);
  curve(100, 300, 160, 240, 150, 200, 100, 200);
  curve(100, 200, 150, 200, 160, 160, 100, 100);
  //curves 2
  curve(60, 60, 120, 120, 200, 100, 200, 40);
  curve(200, 40, 200, 100, 280, 120, 360, 60);
  curve(340, 60, 280, 120, 300, 200, 360, 200);
  curve(360, 200, 300, 200, 280, 280, 340, 340);
  curve(340, 340, 280, 280, 200, 300, 200, 360);
  curve(200, 360, 200, 300, 120, 280, 60, 340);
  curve(60, 340, 120, 280, 100, 200, 40, 200);
  curve(40, 200, 100, 200, 120, 120, 60, 60);
  //curves 3
  curve(20, 20, 60, 60, 200, 40, 200, 0);
  curve(200, 0, 200, 40, 340, 60, 380, 20);
  curve(380, 20, 340, 60, 363, 200, 400, 0);
  curve(400, 0, 360, 200, 340, 340, 380, 380);
  curve(380, 380, 340, 340, 200, 360, 200, 400);
  curve(200, 400, 200, 360, 60, 340, 20, 380);
  curve(20, 380, 60, 340, 40, 200, 0, 200);
  curve(0, 200, 40, 200, 60, 60, 20, 20);
  
  //Color of the Spider Web 
  stroke(mouseY+400);
  
  //eyes
  colorMode(HSB, 400);
  fill(mouseY-mouseY/3, mouseX-mouseX/3, mouseY-mouseY/3);
  curve(mouseY,mouseY,180,180,140,180,120,mouseX);
  curve(mouseY,mouseY,260,200,220,180,280,mouseX);
  curve(mouseY,mouseY,180,180,140,180,120,mouseX);
  curve(mouseY,mouseY,60, 60, 200, 40, 200,mouseX);
  curve(mouseY,mouseY,40, 200, 60, 60, 20,mouseX);
  
  curve(mouseY,mouseY,360,200,340,340,380,mouseX);
  curve(mouseY,mouseY,360,200,340,340,380,mouseX);
   
  //Smile
  curve(mouseY,mouseY,260,220,140,220,120,mouseX);
  curve(mouseY,mouseY,340,340,200,360,200,mouseX);  
}

void mousePressed(){
 println("spooks");
}