javascript - javascript 项目和数组的问题(下雨)

Question

我是新来的。我正在参加可汗学院的编程类(class)(主要是 javascript)，我有点被一个项目困住了。这是一个名为“Make it rain”的挑战，你需要让雨滴落在 Canvas 上，然后重置回顶部。使用数组，我设法使水滴在随机位置生成并落入 Canvas ，但由于使用数组，我无法让它们重新回到顶部。抱歉，文字较长；这是我的代码:

var dropX = [40];
var dropY = [0];
var snowX = [40];
var speed = 1.5;
var ex = 0 ;
var i = 0;
var fall = dropY[i];
noStroke(); 


var rain = function (){ 

 var fall = dropY[i];    
 var ok = dropX.length;     
for(var i = 0; i<100; i++) {

    if (fall<2100){
    background(192, 224, 237);
    fill(23, 123, 143);
    ellipse(dropX[i],dropY[i],5,5);
    fill(224, 213, 213);
    rect(snowX[i],dropY[i],5,5);
    dropY[i]+=speed;
    dropX.push(random(0,400)); 
    dropY.push(random(-1650,0)); 
    snowX.push(random(0,400));
}

}
for (i = 0;i<100; i++)    {
    i++;
    fill(45, 136, 189);
    ellipse(dropX[i],dropY[i],5,5);
    fill(255, 255, 255);
    rect(snowX[i],dropY[i],5,5);
}};

draw = function() {
rain();


};

https://www.khanacademy.org/computer-programming/spin-off-of-project-make-it-rain/5960057721651200

据我所知，可汗学院代码编辑器使用processing.js。感谢您的帮助或提示!!

Answer 1

这些行:

var dropX = [40];
var dropY = [0];
var snowX = [40];

所有创建的数组的大小均为 1。dropX[0] 和 snowX[0] 的值均为 40 和 dropY[0] 的值为 0。

此外，您的循环是从 0 到 100 而不是 40；

这将正确初始化您的数组:

var dropX = [];
var dropY = [];
var snowX = [];
var i;

for(i = 0; i < 100; i++) {
  dropX[i] = 40;
  dropY[i] = 0;
  snowX[i] = 40;
}