キャンバスがうまく動作しない

Question

var canvas = document.getElementById("mycanvas"); 

var ctx = canvas.getContext("2d"); 


var ball = function() { 

this.x = Math.floor((Math.random() * 10) + 1); 
this.y = Math.floor((Math.random() * 10) + 1); 
this.xSpeed = Math.floor((Math.random() * 10) + 1); 
this.ySpeed = Math.floor((Math.random() * 10) + 1); 

}; 


    var balls =[]; 

for(i = 0 ; i < 10 ; i++) { 

balls[i] = new ball(); 

} 



    function draw() { 
for(i = 0; i < 10 ; i++) { 

var ball = balls[i] 

ctx.beginPath() 

if(ball.x < 0 || ball.x > 400) { 

ball.xSpeed = -ball.xSpeed; 
} 

if(ball.y < 0 || ball.y > 400) { 

ball.ySpeed = -ball.ySpeed; 
} 

ball.x += ball.xSpeed; 

ball.y += ball.ySpeed; 

ctx.arc(ball.x , ball.y , 2 , 0 , Math.PI * 2 , false); 
ctx.stroke(); 

ctx.fill(); 
} 
} 

    function bounce() { 

setInterval(draw , 10); 

} 

ボールは1つ以上描くが、描くことはできません。助けてください。私は必要に応じてhtmlを提供することができます。私は今、この問題を抱えています。今すぐ私を助けてください。私はボールを引っ張っていません。これは不運です

Answer 1

あなたの描画機能を呼び出します。 追加：bounce();下部に。