iOS HTML Canvas或CSS3 3D轉換

Question

在IOS平台上：

HTML5 canvas元素不是硬件加速的。 CSS3 3D轉換（例如： translate3d ）是硬件加速的。

希望使用帶PhoneGap的HTML / JavaScript為IOS創建2D游戲，我是否應該考慮僅將CSS和DOM一起使用？

有人嘗試過嗎？ 有基准嗎？

Answer 1

在構建自己的2D游戲時，我也有這種擔憂。 最初，我在iOS上的動畫性能存在問題，但是我通過CSS3 3D轉換解決了該問題。 我沒有嘗試過Canvas，但是一旦應用了正確的CSS，我真的不需要。 在iOS和Android版本下，PhoneGap的性能仍然很好。 一些較舊的Android設備運行緩慢，但是我也不認為Canvas可以幫助解決這一問題。

至於基准測試，我確實發現它可以同時顯示Canvas和CSS3轉換以及圖像： http : //www.spielzeugz.de/html5/compare/

Answer 2

接受的答案實際上是極具誤導性的，也是問題的一部分。 弄清楚點：

• iOS 5及更高版本實際上確實為Canvas使用了硬件加速。
• 畫布的設計不是很好。 如果應用變換，則只會啟動硬件加速。 如果清除並重畫，即使使用requestAnimationFrame，您的表現也可能會非常不穩定。 您肯定會注意到差異。
• CSS3轉換可能會產生更好的性能-適用於Android設備。

Answer 3

我嘗試了一下，但失去了興趣。 這似乎和我對畫布所做的事情一樣有效。 除非您進行大量的javascript計算（無論使用CSS3還是canvas），否則您不會注意到很大的不同。

我不知道任何基准，但您可以在此處閱讀有關它的信息： http : //www.sencha.com/blog/apple-ios-5-html5-developer-scorecard/

它還將取決於您正在談論的設備。 它們都運行不同的硬件和略有不同的軟件，因此應該會影響您的決定： http : //www.codefessions.com/2012/03/how-fast-is-html5-canvas-part-2.html

Canvas的設計相當不錯，無論您是否通過硬件對其進行加速都不會產生太大的影響，尤其是在您只是做2D東西時。