如何加快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

谢谢！

罗希特·贾恩

Answer 1

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

这是一篇关于如何做到这一点的博客文章。简而言之，你必须检查图像是否在本地存储中

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

如果不保存进去的话

 localStorage.setItem('myImageId',image);