                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /炫丽的倒计时效果Canvas绘图与动画基础

直接用splice()去掉出界的小球

function updateBalls(){

for( var 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 || balls[i].x>WINDOW_WIDTH+RADIUS){

balls.splice(i,1);

}

问天玄铁

2015-01-27

源自：炫丽的倒计时效果Canvas绘图与动画基础 5-1

关注问题我要回答

1122

操作

收起

3 回答

日落伤心色
2015-08-19

我也是用这个,测试下来是可以的.保持在310个左右.不过我的跟你的不太一样

function updateBalls(){
	//遍历所有的小球,改变小球的状态
	for(var 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 >= CANVAS_HEIGHT- RADIUS){
			balls[i].y = CANVAS_HEIGHT- RADIUS;
			balls[i].vy = -balls[i].vy*0.75;
		}
		if(balls[i].x+(RADIUS*2) < 0 || balls[i].x+(RADIUS*2)>CANVAS_WIDTH){
			balls.splice(i,1);
		}
	}
	console.log(balls.length);
}