如何获取鼠标点击查找变量并随机化？

Question

我正在通过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

非常感谢任何其他指针或建议。 谢谢你们！

Answer 1

很酷的鱼！我也在学习处理。我运行了你的代码并想出了这个功能，当你点击时会出现随机鱼类。

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
    }

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