性能出現嚴重問題
老師,我在你倒計時那個程序中,給每個小球加上了 徑向漸變的效果,使小球看起來有立體效果,但是在iPhone4上卡的不行,如何進行性能優化呢?
for?(var?i?=?0;?i?<?BALLS.length;?i++)?{
ct.beginPath();
ct.arc(BALLS[i].x,?BALLS[i].y,?BALLS[i].r,?0,?2*Math.PI);
ct.closePath();
???????? var?radial?=?ct.createRadialGradient(BALLS[i].x,BALLS[i].y,0,BALLS[i].x,BALLS[i].y,BALLS[i].r);
???????? radial.addColorStop(0,'white');
???????? radial.addColorStop(1,BALLS[i].color);
ct.fillStyle?=?radial;
ct.fill();
if?(BALLS[i].y?-?BALLS[i].r?<?WIN_HEIGHT)?{
BALLS[n++]?=?BALLS[i];
}
}
2015-03-17
后來發現canvas的性能是個大問題,尤其在做較為復雜的動畫上