IOS HTML画布或CSS3 3D变换

Question

在IOS平台上：

HTML5画布元素未硬件加速。 CSS3 3D变换（例如：translate3d）是硬件加速的。

寻找使用带有PhoneGap的HTML/JavaScript为iOS创建2D游戏，我应该考虑只使用CSS3的DOM吗？

有没有人试过吗？有没有基准？

Answer 1

在构建我自己的2D游戏时，我也有过这个问题。我最初在iOS上遇到动画性能问题，但我用CSS3 3D转换解决了它。我没有尝试Canvas，但我真的不需要一旦正确的CSS被应用。 PhoneGap在iOS和Android版本下的性能仍然很好。一些较旧的Android设备有点慢，但我不认为Canvas会对此有所帮助。

至于标杆，我也觉得这其中显示了与图像都Canvas和CSS3过渡：http://www.spielzeugz.de/html5/compare/

Answer 2

我做了一个尝试，但失去了兴趣。这看起来和我用油画做同样的事情一样有效。你不会注意到很多不同，除非你正在做大量的JavaScript计算，你可能会做，无论你使用CSS3或画布。

我不知道任何的基准，但你可以在这里读到它：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

画布设计得非常好，它不会使硬件加速或不加速特别是如果你只是在做2d的东西。

Answer 3

接受的答案其实是非常误导，因为有问题的部分。要设置的东西挺直的：

• iOS 5及更高版本实际上对Canvas使用硬件加速。
• 画布设计得不是很好，完全可以。如果应用转换，硬件加速只会启动。如果清除并重新绘制，即使使用requestAnimationFrame，您的表现仍可能非常不稳定。你一定会注意到差异。
• 对于Android设备，CSS3转换可能会产生更好的性能。