                        課程
                    
                        /前端開發(fā)
                        
                            /Html5
                        
                        /炫麗的倒計(jì)時(shí)效果Canvas繪圖與動(dòng)畫基礎(chǔ)

關(guān)于刪除小球的pop（）方法還有不理解的地方

pop（）方法一次只能刪除最后一個(gè)數(shù)組元素，而刷新率是每50ms一次，相當(dāng)于一秒是刷新20次，也就是說一秒最多只能刪除20個(gè)小球，但是每一秒產(chǎn)生新的小球數(shù)量卻大于20，為什么實(shí)際上沒有積壓更多的小球呢，求解！??！

暴走大熊

2016-04-19

源自：炫麗的倒計(jì)時(shí)效果Canvas繪圖與動(dòng)畫基礎(chǔ) 5-1

關(guān)注問題我要回答

1158

操作

收起

2 回答

朱寶鑫回答被采納 +3 積分
2016-04-19

刪除的是以整個(gè)數(shù)組為目標(biāo)，當(dāng)滿足超出屏幕的小球就會(huì)被刪除！ balls.push(aBall);

//循環(huán)小球

for(var i = 0;i < digit[num].length;i++){

for(var j = 0;j <digit[num][i].length;j++){

if(digit[num][i][j] == 1){

var aBall = {

//坐標(biāo)位置x

x:x+j*2*(cR+1)+(cR+1),

//坐標(biāo)位置y

y:y+i*2*(cR+1)+(cR+1),

//加速度

g:1.5 + Math.random(),

//x方向速度

vx:Math.pow(-1,Math.ceil(Math.random()*1000)) * 4,

vy:-5,

color:colors[Math.floor(Math.random()*colors.length)]

}

balls.push(aBall);

}

//在屏幕中小球的數(shù)量

var cnt = 0;

for(var i = 0; i < balls.length;i++){

if(balls[i].x + cR > 0 && balls[i].x - cR < window_width){

balls[cnt++] = balls[i];

}

//超出屏幕小球的數(shù)量

while(balls.length > Math.min(300,cnt)){

balls.pop();

}

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

暴走大熊提問者

你雖然沒有正面回答我的問題，但我通過你的回答突然想明白了，原來while語句的每一次刪除動(dòng)作是跟著每一次的for循環(huán)遍歷走的，就是每往數(shù)組中加入一個(gè)小球，while語句就會(huì)檢測并執(zhí)行一次。我之前的理解是while是跟著50ms的刷新走的，理解偏差了。謝謝耐你的心回答！