2012-02-16 122 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

問候, 斯登