小球重叠问题

来源:5-2 屏幕自适应

请叫我橙子蛋

2016-08-21 14:44

离开页面后,再回来会发现有很多小球都叠在一起了

写回答 关注

1回答

  • 慕粉1470740819
    2016-08-25 17:17:18
    已采纳

    性能优化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;
            }
        }

        var cnt = 0
        for( var i = 0 ; i < balls.length ; i ++ )
            if( balls[i].x + RADIUS > 0 && balls[i].x -RADIUS < WINDOW_WIDTH )
                balls[cnt++] = balls[i]

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

    请叫我橙子蛋 回复请叫我橙子蛋

    好吧,你这个是直接限制了小于300个,这样好像就不会重叠了

    2016-08-28 10:49:56

    共 2 条回复 >

炫丽的倒计时效果Canvas绘图与动画基础

学习HTML5中最激动人心的技术Canvas,彻底释放自己的创造力

96746 学习 · 1000 问题

查看课程

相似问题