課程
/前端開發(fā)
/Html5
/炫麗的倒計時效果Canvas繪圖與動畫基礎(chǔ)
ruti
2017-09-22
源自:炫麗的倒計時效果Canvas繪圖與動畫基礎(chǔ) 5-1
正在回答
將滾出畫布的小球進(jìn)行刪除處理,使用filter過濾函數(shù)方便些,可以邊遍歷邊處理,課程上的是先遍歷一邊將符合要求的小球和不符合要求的小球以cnt進(jìn)行分割,然后在遍歷一邊,逐項刪除數(shù)組的尾部,使用filter簡單易懂。balls=balls.filter((item)=>{return item.x+RADIUS>0 && item.x - RADIUS < WINDOW_WIDTH;});
function?updateBalls?()?{ ????for?(let?i?=?0;?i?<?balls.length;?i++)?{ ????????balls[i].x?+=?balls[i].vx; ????????balls[i].y?+=?balls[i].vy; ????????balls[i].vy?+=?balls[i].g; ????????if?(balls[i].y?>=?WINDOW_HEIGHT?-?RADIUS)?{ ????????????balls[i].y?=?WINDOW_HEIGHT?-?RADIUS; ????????????balls[i].vy?=?-balls[i].vy?*?0.75; ????????} ????????/*小球已經(jīng)出了左邊界或者右邊界,將小球刪掉,防止占用內(nèi)存*/ ????????if(balls[i].x?+?RADIUS?<=?0?||?balls[i].x?-?RADIUS?>=?WINDOW_WIDTH)?{ ????????????balls.splice(i,?1); ????????} ????} }
熊出沒
應(yīng)該是有的,等我知道了告訴你
舉報
學(xué)習(xí)HTML5中最激動人心的技術(shù)Canvas,徹底釋放自己的創(chuàng)造力
3 回答關(guān)于balls[cnt++]=balls[i]
4 回答balls[cnt++]=balls[i]的詳細(xì)解釋或其它例子
1 回答balls[cnt++] =balls[j],原來的值去哪了
1 回答關(guān)于balls
2 回答關(guān)于balls?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2018-12-22
將滾出畫布的小球進(jìn)行刪除處理,使用filter過濾函數(shù)方便些,可以邊遍歷邊處理,課程上的是先遍歷一邊將符合要求的小球和不符合要求的小球以cnt進(jìn)行分割,然后在遍歷一邊,逐項刪除數(shù)組的尾部,使用filter簡單易懂。
balls=balls.filter((item)=>{
return item.x+RADIUS>0 && item.x - RADIUS < WINDOW_WIDTH;
});
2018-06-06
2017-09-26
應(yīng)該是有的,等我知道了告訴你