week 3: jellyfishing

This week we were to write code that included new functions that we had learnt this week. I decided I would recreate the jellyfishing experience from a popular cartoon called Spongebob Squarepants. The TV show features this activity often in it's episodes and I know it well, so I thought it would be appropriate to use to get used to more advanced techniques of producing interactive art.

I would have liked to take this further by making the jellyfish disappear when clicked or make them move, but I don't know how yet and I don't want to copy code without understanding it.

/*week 3 assignment Anna Quarrie 2018318188 "Jellyfishing" */

void setup() { size(700,500);

}

void draw(){ background(75, 196, 215); /*orange flower */ noFill(); stroke(245,131,77, 150); strokeWeight(5); bezier(20, 0, 0, 50, 200, 20, 200, 107); bezier(200,110, 200, 180, 0, 150, -30, 10); /*pink flower */ stroke(255, 114, 166, 150); //line(500,50, 450, 150); //line(530, 150, 500, 200); bezier(500, 50, 450, 100, 550, 170, 500, 180); //line(500, 50, 550, 20); //line(520, 100, 570, 150); bezier(500, 50, 570, 40, 520, 140, 570, 150); //line(570, 150, 600, 140); //line(600, 70, 650, 50); bezier(570, 150, 600, 140, 600, 50, 650, 50); //line(650, 50, 710, 80); //line(630, 170, 660, 200); bezier(650, 50, 710, 80, 580, 150, 640, 190); //line(640,190, 650, 200); //line(690, 230, 680, 280); bezier(640, 190, 650, 200, 690, 200, 690, 250); //line(690, 250, 670, 280); //line(570, 210, 600, 190); bezier(690, 250, 670, 310, 600, 190, 580, 240); //line(580, 240, 570, 260); //line(610, 310, 580, 350); bezier(580, 240, 570, 260, 610, 310, 580, 340); //line(580, 340, 540, 360); //line(550, 240, 510, 220); bezier(580,340,540,360, 550, 240, 530, 230); //line(530, 230, 510, 235); //line(460, 240, 440, 190); bezier(530,230,510,210,470,270,450,220); //line(450, 220, 460, 170); //line(480, 185, 500, 180); bezier(450,220, 440, 170, 480, 185, 500, 180); ellipse(550,190, 30, 30); /* rolling hills, back hill then front hill */ fill(153,211,106); stroke(204,233,104); beginShape(); vertex(0,500); vertex(0,400); curveVertex(0,400); curveVertex(0,400); curveVertex(500, 300); curveVertex(700, 350); curveVertex(700,350); vertex(700,350); vertex(700,500); vertex(0,500); endShape(); fill(166,217,117); stroke(204,233,104); beginShape(); vertex(0, 500); vertex(0, 300); curveVertex(0,300); curveVertex(0,300); curveVertex(250, 300); curveVertex(550, 400); curveVertex(700,350); curveVertex(700, 350); //curve(0, 200,0, 200,550, 500, 550, 500); //curveVertex(550, 500); vertex(700,350); vertex(700,500); vertex(700, 500); vertex(500, 700); endShape(); /*jelly fish1 */ beginShape(); fill(248,129,181); stroke(255, 230, 255); bezier(100, 200, 90, 150, 170, 150, 160, 200); bezier(100, 200, 110, 205, 160, 205, 160, 200); noFill(); bezier(106, 202, 94, 210, 114, 210, 106, 220); bezier(122, 204, 110, 212, 130, 212, 122, 222); bezier(140, 204, 128, 212, 148, 212, 140, 222); bezier(155, 202, 143, 210, 167, 210, 155, 220); fill(240,29,124); noStroke(); ellipse(135, 180, 10,8); ellipse(148, 189, 10,6); ellipse(147, 179, 7,6); endShape(); /*jellyfish2 */ pushMatrix(); translate(200, -100); fill(248,129,181); stroke(255, 230, 255); bezier(100, 200, 90, 150, 170, 150, 160, 200); bezier(100, 200, 110, 205, 160, 205, 160, 200); noFill(); bezier(106, 202, 94, 210, 114, 210, 106, 220); bezier(122, 204, 110, 212, 130, 212, 122, 222); bezier(140, 204, 128, 212, 148, 212, 140, 222); bezier(155, 202, 143, 210, 167, 210, 155, 220); fill(240,29,124); noStroke(); ellipse(135, 180, 10,8); ellipse(148, 189, 10,6); ellipse(147, 179, 7,6); popMatrix(); /*jellyfish3 */ pushMatrix(); translate(390, 50); fill(248,129,181); stroke(255, 230, 255); bezier(100, 200, 90, 150, 170, 150, 160, 200); bezier(100, 200, 110, 205, 160, 205, 160, 200); noFill(); bezier(106, 202, 94, 210, 114, 210, 106, 220); bezier(122, 204, 110, 212, 130, 212, 122, 222); bezier(140, 204, 128, 212, 148, 212, 140, 222); bezier(155, 202, 143, 210, 167, 210, 155, 220); fill(240,29,124); noStroke(); ellipse(135, 180, 10,8); ellipse(148, 189, 10,6); ellipse(147, 179, 7,6); popMatrix(); /*jellyfish 4 */ pushMatrix(); translate(490,-20); fill(248,129,181); stroke(255, 230, 255); bezier(100, 200, 90, 150, 170, 150, 160, 200); bezier(100, 200, 110, 205, 160, 205, 160, 200); noFill(); bezier(106, 202, 94, 210, 114, 210, 106, 220); bezier(122, 204, 110, 212, 130, 212, 122, 222); bezier(140, 204, 128, 212, 148, 212, 140, 222); bezier(155, 202, 143, 210, 167, 210, 155, 220); fill(240,29,124); noStroke(); ellipse(135, 180, 10,8); ellipse(148, 189, 10,6); ellipse(147, 179, 7,6); popMatrix(); /*moving jellyfishing net */ pushMatrix(); translate(mouseX-350,mouseY-340); fill(255,255,255,80); stroke(255,255,255); bezier(350, 205, 450, 240, 450, 260, 350, 295); noStroke(); bezier(350,205, 320, 210, 320, 290, 350, 295); noFill(); stroke(229,183,90); strokeWeight(8); ellipse(350, 250, 50, 90); line(350,300, 350, 380); println(mouseY); popMatrix();

}

#interactivevideoskku