1. 首頁
  2. 問答
  3. 帶視口的HTML5等距帆布 - 性能很差

帶視口的HTML5等距帆布 - 性能很差

2012-10-22 78 views
1

我修改了kinetic-viewport庫來製作scrollable地圖，但我遇到了與性能相關的問題。我製作了30x20矩形，它們被120*旋轉。這很簡單，你可以看到，但它滯後很多，我想知道如果我把圖像放在它們上面，然後做出一些精靈和動畫，會發生什麼？我猜想遊戲不會播放。帶視口的HTML5等距帆布 - 性能很差

我做錯了什麼？我從來沒有寫過遊戲，只有商業網站。也許我應該在寫遊戲時有不同的想法？

演示 - 按下人民幣滾動。使用Mousewhell放大 - http://godlike.hekko.pl/kinetic-viewport/demo.html

來源 - http://godlike.hekko.pl/inne/kinetic-viewport.7z

問候

來源

2012-10-22 user1697180

回答

1

我看到你正在使用的setInterval：你最好使用requestAnimationFrame API哪裏有合適的，因爲它是專門想了動畫，會給你更好的幀率和更少的CPU使用率（因此，如果你還瞄準移動設備，電池使用量就會減少）。

如果你打算創建一個滾動遊戲，你也可以嘗試一些專門爲遊戲設計的東西;我推薦Canvace，我也參與其中。:)

來源

2012-10-22 15:03:48 jmc

+0

我買了一本關於html5 canvas的書，並使用requestAnimationFrame和一些特性重寫了代碼。我也刪除kineticJS，因爲它太重了。 – user1697180

相關問題

 相關問題