Javascript 如何在此循环中正确地随机化项目？

在这个节目中，雨水以循环的方式落下。当雨滴落在地上时，它又从顶部开始。每次初始化程序时，都会创建一个随机颜色和随机雨滴位置。然而，当雨滴回到画布顶部时，我不知道如何使每个雨滴的位置和颜色随机

var xPositions=[]；
var yPositions=[]；
对于（变量计数=0；计数<16；计数++）{
填充（随机（0255）、随机（0255）、随机（0255））；
push（随机（0400））；
推（随机（0400））；
}
draw=函数（）{
背景（204247255）；
对于（var i=0；i400）{
i位置[i]=0；
}
}
};
var mouseClicked=函数（）{
xPositions.push（mouseX）；
i位置。推（鼠标）；
};你已经有了答案，因为你得到了答案

if (yPositions[i] > 400) {          yPositions[i] = 0;        }

条件。只需添加以下内容

xPositions[i]=random（0400）
var xPositions=[]；
var yPositions=[]；
var color=[]；
对于（变量计数=0；计数<16；计数++）{
推送（随机（0255）、随机（0255）、随机（0255））；
push（随机（0400））；
推（随机（0400））；
}
draw=函数（）{
背景（204247255）；
对于（var i=0；i400）{
i位置[i]=0；
xPositions[i]=random（0400）；
var[i]=（随机（0255）、随机（0255）、随机（0255））；
}
}
};
var mouseClicked=函数（）{
xPositions.push（mouseX）；
i位置。推（鼠标）；
};

我建议将x、y和color变量放在一个对象中，这样您就不必使用3个数组了
您的代码片段中有一个错误。在寻求解决问题的帮助之前，请尝试解决此问题。除非这是问题所在；）
var xPositions = [];
var yPositions = [];
var color = [];
for (var count = 0; count < 16; count++) {
  color.push(random(0, 255), random(0, 255), random(0, 255));
  xPositions.push(random(0, 400));
  yPositions.push(random(0, 400));
}

draw = function() {
  background(204, 247, 255);

  for (var i = 0; i < xPositions.length; i++) {
    noStroke();
    fill(var[i]);
    ellipse(xPositions[i], yPositions[i], 10, 10);
    yPositions[i] += 4;

    if (yPositions[i] > 400) {
      yPositions[i] = 0;
      xPositions[i] = random(0, 400);
      var[i] = (random(0, 255), random(0, 255), random(0, 255));
    }
  }
};

var mouseClicked = function() {
  xPositions.push(mouseX);
  yPositions.push(mouseY);
};