我正在用HTML5创建一个3D视频老虎机游戏。
游戏非常棒，在Firefox中运行良好。它使用PNG序列为游戏中的角色和效果提供3D外观。 PNG的总数为550（每部动画70个）。
主要问题是Safari（桌面，iPad和iPhone）。当我加载超过100个PNG的较长动画时，帧速率急剧下降到4左右。我认为这是因为Safari图像内存不能很好地保存550张图像 - 尽管它总共只有10mb。
鉴于文件大小也很重要，因为它是一个网络游戏，我认为将所有PNG交换到GIF的大小只有一半 - 但是，在我开始这个旅程之前，我认为同样的事情会发生，因为图像数量。
所以这里的问题是 - 对于PNG序列式游戏，在HTML5中这样做的最佳跨浏览器兼容方式是什么？
到目前为止，我唯一想到的是每个动画都有一个spritesheet，放在div中并在左/上移动。或者，这可能是我预加载图像的方式的问题吗？
不幸的是我无法显示任何源代码。