Squidward ????

//INSTRUCTIONS:

// Please fix this code so that

// 1. The jellyfish follows the mouse

// 2. The bubbles change transparency when you move the mouse up and down

// 3. The seaweed changes color when you move the mouse up and down, left and right

// 4. You will need to change one more thing to make this work...

​

​

function setup() {

  createCanvas(600, 600);

}

​

function draw() {

//ocean

  background(144, 224, 207);

  //sand

  noStroke ();

  fill(255, 251, 217); 

  rect(0, 400, 1200, 200);

  //building

  stroke(0);

  fill(30, 42, 102);//blue

  quad(200, 50, 400, 50, 450, 500, 150, 500);

    //eyebrow

  fill(48, 64, 145);//lighter than quad 1

  rect(300, 150, 200, 40);

    //left eye

  stroke(0);

  fill(43, 126, 189); 

  ellipse(240,225, 50, 50);

    //transparent window left

  noStroke();

  fill(195, 233, 247, 100);

  ellipse(240,225, 30, 30);

    //right eye

  stroke(0);

  fill(43, 126, 189); 

  ellipse(360,225, 50, 50);

    //transparent window right

  noStroke();

  fill(195, 233, 247, 100);

  ellipse(360,225, 30, 30);

    //nose

  stroke(0);

  fill(48, 64, 145);

  quad(280,205, 320, 205, 345, 355, 255, 355);

    //door

  fill(161, 132, 39);

  arc(300,500,100, 250, radians(180), radians(0), CHORD);

  //left ear

  fill(48, 64, 145);

  quad(155,205, 182,208, 170, 325, 140, 325); 

    //right ear 

  fill(48, 64, 145); 

  quad(417, 208, 445, 205, 463, 325, 431, 325);

    //doorknob 

  fill(255,255,0)

  ellipse(327,454, 20,20);

  //seaweed left

  stroke(25, 194, 38); 

  fill(mouseX,100,0);

  arc(40,400,20,220, radians(180), radians(0), CHORD);

  arc(50,410,22,170, radians(180), radians(0), CHORD);

  arc(65,400,15,150, radians(180), radians(0), CHORD);

  arc(75,410,20,230, radians(180), radians(0), CHORD);

  arc(30,420,20,220, radians(180), radians(0), CHORD);

  arc(60,420,22,150, radians(180), radians(0), CHORD);

  arc(90,420,17,170, radians(180), radians(0), CHORD);

    //seaweed right

  arc(500,400,20,220, radians(180), radians(0), CHORD);

  arc(530,410,23,240, radians(180), radians(0), CHORD)

  arc(510,410,22,170, radians(180), radians(0), CHORD);

  arc(490,420,20,220, radians(180), radians(0), CHORD);

  arc(520,420,22,150, radians(180), radians(0), CHORD);

  arc(550,420,21,190, radians(180), radians(0), CHORD);

  //clouds left

  noStroke();

  fill(255);

  arc(75,100,45,55, radians(180), radians(0), CHORD);

  arc(105,100,55,65, radians(180), radians(0), CHORD);

  arc(130,100,45,45, radians(180), radians(0), CHORD);

    //clouds right

  noStroke();

  arc(475,125,45,45, radians(180), radians(0), CHORD);

  arc(505,125,55,65, radians(180), radians(0), CHORD);

  arc(530,125,45,55, radians(180), radians(0), CHORD);

  //bubbles

  //bubbles disappear with jellyfish

  fill(195, 233, 247, mouseY);

  ellipse(225,41,110, 110); 

  ellipse(15,189, 80,80);

  ellipse(337,278, 120, 120);

  ellipse(173,232, 150,150);

  ellipse(505,91, 250,250);

  ellipse(480,322, 200,200);

  ellipse(240,348,150,150);

  ellipse(312,127, 100, 100);

  ellipse(84, 61, 170, 170);

  ellipse(46,299,130, 130);

​

  //jellyfish

    //three legs

  stroke(204, 98, 188);

  fill(237, 175, 228); 

  rect(mouseX,mouseY+65,10,60);

  rect(mouseX+25,mouseY+60,10,60);

  rect(mouseX-25,mouseY+60,10,60);

    //head

  stroke(204, 98, 188);

  fill(237, 175, 228); 

  ellipse(mouseX,mouseY, 100,75);

    //stripe

  rectMode(CENTER);

  fill(204, 98, 188); 

  rect(mouseX,mouseY, 100,10,5);

​

}

​

function mousePressed() {

  //tell me my mouse coordinates:

  print("mouseX=", mouseX, "mouseY=", mouseY);

}