使用帆布在JS中的重力模擬很少

Question

所以，我試圖創建幾個圈子，然後我希望它們掉下來。這裏是代碼和演示：demo FireBug告訴我，未定義的對象沒有定義「移動」方法，所以當我想創建一個obects數組時，一定是錯誤的。糾正我的錯誤，並考慮到我剛剛開始在JS中學習面向對象編程。

Answer 1

而是創建多個事件，在那裏創建一個事件，並循環：

setInterval(function(){ 
    ctx.clearRect(0,0,1000,1000); //Clear the canvas here 
    for (i = 0;i<bubble.length;++i) 
    { 
     bubble[i].move(); 
     bubble[i].redraw(); 
    } 
    },32); 

的問題是一個範圍問題。 你寫的方式i在執行的所有事件中的值都是10。

工作小提琴：http://jsfiddle.net/some/fGChQ/16/

你的另一個問題是，你清除你的重繪畫布......對於每一個圓圈。

Answer 2

for (i = 0;i<bubble.length - 1; ++i) 
{ 
    console.log(bubble[i].y) 
    setInterval(function(){ 
     bubble[i].move(); 
     bubble[i].redraw(); 
    },32); 
} 

bubble.length是10，數組是索引0-9。泡沫[10]是未定義的，所以你不能調用它的方法。

Answer 3

我做的這一點，解決循環問題fork，也似乎一直與畫布矩形這是造成一些干擾