Javascript(gameQuery游戏)对象太多，无法正常运行

Question

我正在写一个带有"gameQuery“jQuery插件的js游戏，一个射击游戏。

虽然有许多项目符号(例如100个或更多)，但动画将非常缓慢地转动。

我使用blow代码循环移动DOM，意思是每20毫秒执行一次函数。所有的项目都存储在一个数组中，

$.playground().registerCallback(function(){
   for(var i = 0; i < bulletList.length; i++) {
     //move bullet
     ...
   }
}, 20);

我如何优化我的代码来提高效率？谢谢！

Answer 1

下面是我能想到的几件事：

1. 你在用子弹做碰撞检测吗？如果是，这可能是事情变慢的时候，因为显示数百个精灵本身就应该是一个问题。
2. 是那些子弹动画(有多个帧？)如果是，你可能想在没有动画的情况下尝试，看看这如何影响performances.
3. If所有的子弹以相同的速度朝相同的方向移动，你可以把它们都放在一个组中，然后移动组。
4. 如果它们不是朝相同的方向移动，你仍然可以把它们放到一个组中。然后，您将在移动所有组之前分离该组。完成后，您只需将您的组重新添加到游戏中即可。
5. 此方法实现起来比较复杂，但您可以尝试检测玩家在给定方向上以规则的间隔发射了一系列子弹，并用带有重复的子弹图像的单个精灵来表示它们。