如何使用Javascript在单击时绘制新的移动球?
当我用鼠标左键点击画布时,我想在随机位置得到一个新的移动球 例如: 当我点击画布三次,我可以得到三个球在画布上移动。 这个问题来自汗学院: 变量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{ 速度=控制速度; }如何使用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
}; 如下所示:
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@.@我来自台湾谢谢你的回答,稍后我会花时间阅读。谢谢:我正在吃午饭。祝您今天过得愉快!酷这个编码太酷了!!!我只是按了一下,很多球出现了!谢谢@如果答案能解决你的问题,你不需要任何额外的帮助,请考虑接受答案。谢谢