javascript - 如何让 mouseClick 找到变量并将其随机化？

Question

我正在浏览 Khanacademy 网站，对如何在鼠标单击后制作随机大小(在某些参数内)和彩色鱼感到有点困惑。我什至无法让 mouseClick 工作。

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
    }

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