background(89, 216, 255);
function fish1(centerX,centerY,bodyLength,bodyHeight){
var centerX = random (10,380);
var centerY = random (10,290);
var bodyLength = random (30,100);
var bodyHeight = bodyLength* 3/4;
var bodyColor = color(random (0,255), random (0,255), random (0,255));
var tailColor = color(random (0,255), random (0,255), random (0,255));


noStroke();
fill(bodyColor);
// body
ellipse(centerX, centerY, bodyLength, bodyHeight);
// tail
var tailWidth = bodyLength/4;
var tailHeight = bodyHeight/2;
fill(tailColor);
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);
}


function fish2(fish2X,fish2Y){
var fish2X = random (10,380);
var fish2Y = random (10,380);
var fish2Color1 = random (0,255);
var fish2Color2 = random (0,255);
var fish2Color3 = random (0,255);
var fish2Color4 = random (0,255);
var fish2Color5 = random (0,255);
var fish2Color6 = random (0,255);

// body2
fill(fish2Color1, fish2Color2, fish2Color3);
ellipse(fish2X,fish2Y,50,30);

// tail2
fill(fish2Color4, 5, 6);
triangle(fish2X-21,fish2Y-1,fish2X-49,fish2Y+15,fish2X-50,fish2Y-27);

// eye2
fill(0, 0, 0);
ellipse(fish2X+11,fish2Y-4,10,10);
}



function fish3(){
var fish3X = random (10,380);
var fish3Y = random (10,380);
var fish3Color1 = random (0,255);
var fish3Color2 = random (0,255);
var fish3Color3 = random (0,255);
var fish3Color4 = random (0,255);
var fish3Color5 = random (0,255);
var fish3Color6 = random (0,255);

// body3
fill(fish3Color1, fish3Color2, fish3Color3);
ellipse(fish3X,fish3Y,50,30);

// tail3
fill(fish3Color4, fish3Color5, fish3Color6);
triangle(fish3X+26,fish3Y+1,fish3X+52,fish3Y+21,fish3X+50,fish3Y-22);

// eye3
fill(0, 0, 0);
ellipse(fish3X-11,fish3Y-4,10,10);

}



fill(0, 0, 0);
text("Click to grow Fish Family",100,30);



mouseClicked = function() {
    fish1();
    fish3();
};