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