javascript setInterval函数问题

想用javascript搞一个STG游戏，，但是问题出现了。别说搞什么弹幕了,,我单单只是用setInterval操作方法定时操作几个子弹网页就卡的不行不行的，，就这里的问题。。我用定时器控制子弹的坐标。。子弹对象一多起来就卡了。。也就十多二十个对象。。十毫秒改变一次css属性，每次移动1像素、2像素，发现只能这样才能做到子弹平滑移动的效果。定时器频率改低或者移动像素变多都不行。。求教有什么别的函数或者思路可以改变这种那么笨的写法。网上是搜过一些javascript游戏引擎随便看看，但都是英文不会玩。。。。

 function movebullet(){
                var i=setInterval(function(){
                    //遍历每一个子弹并修改坐标
                /* for(var i=0;i<$('.bullet').length;i++){
                    //$('.bullet:eq('+i+')').animate({'left':'+=1px'},10)
                    modify($('.bullet:eq('+i+')'), 'left', 1)
                } */
                //玩家飞机子弹移动
                for(var i=0;i<$('.my').length;i++){
                    //每个子弹向右移动1像素
                    modify($('.my:eq('+i+')'), 'left', 1)
                    //movexyto($('svg:eq('+i+')'),speed,speed)
                }
                //敌人子弹移动
                for(var i=0;i<$('.round').length;i++){
                    //console.log($('.round:eq('+i+')'))
                    modify($('.round:eq('+i+')'), 'left', -2)
                }
                for(var i=0;i<$('.round2').length;i++){
                    //console.log($('.round:eq('+i+')'))
                    modify($('.round2:eq('+i+')'), 'left', -2)
                }
                //10毫秒移动一次子弹
                }, 50)
            }

我之前setInterval用这个， 做一个数字跳动。 只要用户机子差一点， 就非常非常卡 。 最后，改成了CSS3的了