開發HTML5 canvas遊戲：圖像或報表

Question

我正在將一箇舊的dos遊戲移植到html 5 canvas。這是一個非常基本的動畫2-3幀的遊戲。我已經提取了所有非常低分辨率和大約13 * 23圖像的必要幀。我可以通過使用canvas js語句來複製圖像，或者我可以使用已經具有drawImage（）的圖像。

使用圖像的問題是大多數現代瀏覽器使用插值技術（如雙三次等）調整圖像大小。這會使圖像鬆動它們的類似dos的低分辨率外觀，並且它們看起來很糟糕，因爲它們必須縮放爲像素藝術。

使用canvas js語句的問題是很難手動複製所有圖像，但它解決了縮放問題。

這樣做的理想方法是什麼？

Answer 1

這一切都取決於各種標準。有各種策略可以改善畫布的性能。

我認爲，即使您自己繪製這些圖像，您也必須將其緩衝以獲得性能提升......我建議您使用這些圖像。

這仍然都取決於問題的上下文。請閱讀下面的文章，它會給你一個關於提高畫布性能的公平想法。

參考： http://www.html5rocks.com/en/tutorials/canvas/performance/

Answer 2

我認爲這取決於你將移動多少物體以及你想要的幀率。 Canvas缺少重繪區域。如果您執行「繪製」對象的工作，它將執行得更快。

Relevant

Answer 3

在原來的寬度和高度繪製它們。如果以整數值座標（即（0,0））而不是（0.5,3.2）繪製它們，則它們不會被消除鋸齒。