자바 스크립트 프로젝트 및 배열과 관련된 문제 (비가 오도록하십시오)

Question

여기 좀 새로운 내용입니다. 저는 칸 아카데미 프로그래밍 과정 (주로 자바 스크립트)을 사용하고 있습니다. 그리고 나는 프로젝트에 다소 머물러 있습니다. 비가 오도록하라는 도전 과제입니다. 빗방울을 캔버스에 떨어 뜨리고 다시 윗부분에 다시 놓아야합니다. 배열을 사용하여 임의의 위치에 방울을 생성하고 캔버스를 통해 떨어지는 것을 만들었지 만, 배열을 사용하기 때문에 방울을 위로 다시 시작하는 데 문제가 있습니다. 긴 텍스트를 유감스럽게 생각합니다. 여기 내 코드는 다음과 같습니다

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]; 

모두 모두 40 및 dropY[0]의 값이 0의 값이이 1. dropX[0] 및 snowX[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; 
 
}