Javascript 如何让鼠标单击找到变量并将其随机化？

我正在浏览Khanacademy网站，在鼠标点击后，我对如何制作随机大小（在一定参数范围内）和彩色的鱼有点困惑。我甚至不能让鼠标点击工作

background(89, 216, 255);


var mouseClicked = function(drawFish){

};

^^^^^^^^^^^^^^^我错过了什么^^^^^^^^^^

var drawFish = function(centerX, centerY, bodyLength, bodyHeight, bodyColor, tailWidth,
tailHeight, eyeColor,tailColor, eyeWidth, eyeHeight){


noStroke();
fill(bodyColor);
// body
ellipse(centerX, centerY, bodyLength, bodyHeight);
// tail

fill(tailColor);
triangle(centerX-bodyLength/2, centerY,
     centerX-bodyLength/2-tailWidth, centerY-tailHeight,
     centerX-bodyLength/2-tailWidth, centerY+tailHeight);
// eye
fill(eyeColor);
ellipse(centerX+bodyLength/3, centerY, eyeWidth, eyeHeight);

};
drawFish(296, 281, -57,52, color(245, 227, 30),-15, 60,color(13, 12,   12),color(66, 58, 58),4,4); // yellowFish

drawFish(290, 80, 180, 140, color(255, 0, 0), 57, 45,color(46, 66, 194), color(255, 204, 0),32,8); // redFish

drawFish(146,233, 218, 141, color(62, 110, 67), 30, 10, color(245, 240, 245), color(0, 51, 255),12,48); // greenFish

drawFish(233, 370, 322, 36, color(133, 34, 199), 61,15, color(255, 0, 0), color(34, 255, 0),67,20); // purpFish

如有任何其他指示或建议，将不胜感激。

---

谢谢大家

酷鱼！我也在学习处理。我运行了你的代码，并提出了这个函数，当你点击时随机出现鱼

void mouseReleased() {
    var c1 = color(random(0,255),random(0,255),random(0,255),random(0,255))
    var c2 = color(random(0,255),random(0,255),random(0,255),random(0,255))
    var c3 = color(random(0,255),random(0,255),random(0,255),random(0,255))
    var s1 = random(10,100)
    var s2 = random(10,100)
    var s3 = random(10,100)
    var s4 = random(10,100)
    var s5 = random(5,s1)
    var s6 = random(5,s2)
    drawFish(mouseX, mouseY, s1, s2, c2, s3,s4, c2, c3,s5,s6); //randFish
    }

要制作动画，我认为您需要使用draw（）函数，为x、y位置使用变量，并每次重新绘制背景。本例中，红鱼跟随鼠标四处移动

void draw(){
    background(89, 216, 255);
    drawFish(mouseX, mouseY, 180, 140, color(255, 0, 0), 57, 45,color(46, 66, 194), color(255, 204, 0),32,8); // redFish
    }

---

我希望你的水族馆真的很棒

还有，我该如何制作鱼的动画？我知道它可能在“drawfish+=1”的某个地方“但是，当这些鱼都有相同的调用函数名时，我怎么能从中挑出一条呢？这既不是处理代码，也不是JavaScript，你已经创建了两种语言的混合体，其中部分碰巧做了事情，而部分没有。我建议不要尝试快捷方式，而只是先编写处理代码。API有很好的文档记录，即使只是阅读

mouseClicked

的文档，也会确切地告诉您为什么编写的内容不起作用（提示：您编写的内容与API签名不匹配）