在JS代码中找不到错误

Question

我有一个“泡沫发生器”，它大部分都在工作，但没有正确地清除泡沫，我也搞不清楚原因。一直盯着这个看了一段时间。具体来说，一些泡沫浮起时正在被“清除”，另一些则没有，我看不出原因。啊！

http://jsfiddle.net/Dud2q/7/ (慢下来，这样你就可以很容易地看到一个气泡)

逻辑流(这只是描述小提琴中的代码)：

1. 创建imageData数组(长像素列表)

imgData = ctx.getImageData(0，0，w，h)；

• 将新的随机气泡推送到“气泡数组”的开头，该数组将自下而上：

(var i=0，l=generators.length；i

1. clear the bubbles that were drawn in the last loop by setting alpha channel to 0 (transparent):

if(i<(l-1)){ x= 0|bubblesi+1；偏移量=y*w*4+x* 4；pixelsoffset+3 = 0；}

2.绘制新气泡(offset+1 = g，offset+2 = b，offset+3 = alpha)：

X=0(bubblesi += Math.random() *6-3)；偏移量=y*w*4+x* 4；pixelsoffset+1 = 0x66；pixelsoffset+2 = 0x99；pixelsoffset+3 = 0xFF；

​

Answer 1

将发电机数量增加到更高的数目似乎能使其发挥作用。

例如：50..times(createBubbleGenerator);几乎成功了。

干杯！