2012-02-16 103 views
1

已经做了一个使用HTML5和JavaScript http://tweetraitor.herokuapp.com/的打字游戏。 现在我想问几件事如何加快HTML5游戏

  1. 图像加载每次用户玩游戏。虽然我已经使用img.src在开始时加载图像。为什么不从缓存加载?
  2. 我该如何加快游戏的速度。子弹射击主要是。

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

谢谢!

罗希特耆那教

+0

背景中的动画不会拖慢游戏很多,特别是如果你有一个更大的屏幕 – Ibu 2012-02-16 18:24:25

回答

4

我可以告诉你,你可能想尝试用base64图像缓存到用户的localStorage的问题的第一部分。这样,数据将已经加载客户端,并不会要求客户端下载所有内容。

这是blog post about how to do it。 总之,你必须检查,如果图像是在本地存储

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

如果不将其保存到它

localStorage.setItem('myImageId',image); 
0

我们在Android上使用HTML5/JavaScript的/ CSS为基础的游戏一般经验它是非常缓慢的 - 我们有跨平台(桌面,电视,iPhone)使用的游戏,但对于我们用Java原生地重写它们的Android游戏......

即使pong(弹跳球)等简单游戏也是即使在新设备上也很慢。当您尝试使用来自中兴,华为或HTC的低至100-150欧元的设备时,情况会更糟糕。

如果你会发现一些通用的解决方案,我们会更乐意使用它,但我怀疑是否有任何解决方案。如果您使用某种框架(即Sencha touch),则无关紧要。

另见there

问候, 斯登