如何使用Javascript在单击时绘制新的移动球?

如何使用Javascript在单击时绘制新的移动球?,javascript,function,if-statement,draw,Javascript,Function,If Statement,Draw,当我用鼠标左键点击画布时,我想在随机位置得到一个新的移动球 例如: 当我点击画布三次,我可以得到三个球在画布上移动。 这个问题来自汗学院: 变量x=20; 变量Y=20; 无功转速; 无功控制速度=5; var randomNum=random0400; var randomNum2=Random0400; //重复 绘图=函数{ 背景202、255、97; 填充66,66,66; 位置X=位置X+速度; 位置Y=位置Y+速度; //椭圆重复绘制 ellipsepositionX,200,50

当我用鼠标左键点击画布时,我想在随机位置得到一个新的移动球

例如: 当我点击画布三次,我可以得到三个球在画布上移动。 这个问题来自汗学院:

变量x=20; 变量Y=20; 无功转速; 无功控制速度=5; var randomNum=random0400; var randomNum2=Random0400; //重复 绘图=函数{ 背景202、255、97; 填充66,66,66; 位置X=位置X+速度; 位置Y=位置Y+速度; //椭圆重复绘制 ellipsepositionX,200,50,50; 椭圆E200,位置Y,50,50; // 如果位置X>375{ 速度=-控制速度; } 如果位置X<25{ 速度=控制速度; } 如果位置Y>375{ 速度=-控制速度; } 如果位置y<25{ 速度=控制速度; }
}; 如下所示:

var balls = [];

//repeat
draw = function() {
    if (mouseIsPressed) {
        balls.push({x: random(0, 400), y: random(0, 400), vx: random(-10, 10), vy: random(-10, 10), r: 50});
    }
    
    background(202, 255, 97);
    fill(66, 66, 66);
    
    for (var i = 0; i < balls.length; i++) {
        var ball = balls[i];
        ellipse(ball.x, ball.y, ball.r, ball.r);
        ball.x += ball.vx;
        ball.y += ball.vy;
    }
};

你能在问题中加入你的代码吗?我放了一个链接:我的代码,链接可以得到我的代码,谢谢:是的,我看到了链接。放在这里,我们希望问题本身包含所有必要的信息。好的,我是新手,谢谢你教我:我将尝试学习如何使用堆栈片段,等我阅读articles@.@我来自台湾谢谢你的回答,稍后我会花时间阅读。谢谢:我正在吃午饭。祝您今天过得愉快!酷这个编码太酷了!!!我只是按了一下,很多球出现了!谢谢@如果答案能解决你的问题,你不需要任何额外的帮助,请考虑接受答案。谢谢