//Intro to Programming - JavaScript
//Fish Tank - Making a fish tank with functions.

background(89, 216, 255);

var centerX = 200;
var centerY = 100;
var bodyLength = 118;
var bodyHeight = 74;
var bodyColor = color(224, 32, 224);
var greenTail = random(1,255);
var blueTail = random(1,255);
var tailColor = color(224,greenTail,blueTail);

var drawFish = function(centerX, centerY, bodyLength, bodyHeight, bodyColor, tailColor) {
    // body
    noStroke();
    fill(bodyColor);
    ellipse(centerX, centerY, bodyLength, bodyHeight);
    // tail
    fill(tailColor);
    var tailWidth = bodyLength/4;
    var tailHeight = bodyHeight/2;
    triangle(centerX-bodyLength/2, centerY,
             centerX-bodyLength/2-tailWidth, centerY-tailHeight,
             centerX-bodyLength/2-tailWidth, centerY+tailHeight);
    // eye
    fill(33, 33, 33);
    ellipse(centerX+bodyLength/4, centerY, bodyHeight/5, bodyHeight/5);

};

drawFish(100,100,80,30,color(255, 0, 0),color(random(0,256),random(0,255),random(0,256)));
drawFish(192,182,60,10,color(255, 255, 255), color(random(0,256),random(0,255),random(0,256)));
drawFish(296,100,179,125,color(34, 255, 0), color(random(0,256),random(0,255),random(0,256)));
drawFish(279,211,-125,75,color(96, 0, 105), color(random(0,256),random(0,255),random(0,256)));
drawFish(208,292,45,30,color(255, 0, 0), color(random(0,256),random(0,255),random(0,256)));
drawFish(96,223,70,57,color(255, 204, 0), color(random(0,256),random(0,255),random(0,256)));
drawFish(81,312,-154,120,color(20, 153, 0), color(random(0,256),random(0,255),random(0,256)));
drawFish(328,315,107,75,color(4, 0, 105), color(random(0,256),random(0,255),random(0,256)));

//background / seaweed

//var x = 11;

var drawSeaweed = function (x) {
    strokeWeight(5);
    stroke(0, 105, 0);
    fill(64, 255, 0);
    ellipse(x+25,363,54,225);
    ellipse(x+39,417,54,225);
    ellipse(x+12,440,54,225);
    ellipse(x+73,426,54,225);
};
drawSeaweed(10);
drawSeaweed(143);
drawSeaweed(279);

mouseClicked = function() {
    drawFish(mouseX,mouseY,random(20,100),random(10,100), color(random(0,256),random(0,255),random(0,256)),color(random(0,256),random(0,256),random(0,256)));
};