如何加速html5游戏

Question

使用HTML5和javascript http://tweetraitor.herokuapp.com/制作了打字游戏。 现在我想问几件事

1. 每次用户玩游戏时都会加载图像。虽然我已经使用img.src在开头加载图像。为什么不从缓存加载？
2. 我如何才能加快游戏​​速度。子弹主要射击。

游戏区域代码在这里。 https://github.com/rohit-jain/Tweetraitor/blob/master/app/views/guests/play.html.erb

谢谢！

Rohit Jain

Answer 1

我可以告诉您问题的第一部分，您可能想要尝试将base64中的图像缓存到用户的localstorage中。这样，数据已经在客户端加载，不需要客户端下载所有内容。

这是blog post about how to do it。 简而言之，您必须检查图像是否在本地存储中

if ( localStorage.getItem('myImageId')) {

如果不将其保存到其中

 localStorage.setItem('myImageId',image);

Answer 2

我们在Android上使用基于HTML5 / JavaScript / CSS的游戏的一般经验是它非常慢 - 我们使用跨平台（桌面，电视，iPhone）的游戏，但对于Android，我们用Java本地重写它们。 。

即使在新设备上，即使像pong（弹跳球）这样的简单游戏也很慢。当您尝试使用中兴通讯，华为或HTC的功耗不足的100-150欧元时，情况会更糟。

如果你会找到一些通用的解决方案，我们会更乐意使用它，但我怀疑有没有。如果您使用某种框架（即Sencha touch）无关紧要。

另见there。

此致 斯登