HTML5 画布游戏 (easeljs) 在 ipad (ios 7) 上使用 phonegap 性能下降答案

【问题标题】：HTLM5 canvas game (easeljs) slow peformance on ipad (ios7) with phonegapHTML5 画布游戏 (easeljs) 在 ipad (ios 7) 上使用 phonegap 性能下降
【发布时间】：2014-04-15 20:06:34
【问题描述】：

我已经为 HTML5 Canvas 开发了一个带有 easeljs 的游戏。游戏是一个带有画布和大量 JavaScript 的 HTML5 页面。

一直以来，我通过本地服务器以 40~50 fps 在 iOS Safari (iPad3 iOS7) 上测试了该应用程序。当我在一个带有phonegap的xcode应用程序中打包时，它变得非常慢，接近10fps.. 当我将页面添加到主屏幕时，我注意到了同样的行为。

有什么方法可以让 ipad (iOS7) 的 html5 canvas app 游戏表现出色？

【问题讨论】：

我没有这方面的经验，但一直在争论尝试一个 cordova/easeljs 项目。希望你能得到一个好的答案。

标签： html performance ipad cordova easeljs

【解决方案1】：

不要使用 Phonegap。试试 CocoonJS！

【讨论】：

看起来很有希望，我会尝试

【解决方案2】：

好的，我找到了解决方案。

实际的 phonegap 实现使用默认的 webViewer，这很慢。 Ludei (www.ludei.com) 为 HTML5 canvas 高性能游戏提供了一个很好的解决方案，CocoonJS。它适用于 iOS 和 Android，但不适用于 WindowsPhone。但是在 Windows Phone 8 上不需要它。Windows Phone 8 具有我见过的最高的原生 HTML5 画布性能。

所以不要使用Phonegap。试试 CocoonJS！

【讨论】：

确实这对于画布游戏来说可能是一个有用的解决方案。然而，确切地知道原因是很有用的：CocoonJS 捆绑了一个 javascript 执行引擎并提供了一个自定义的 html5-canvas-like api，它映射到一个 ios/android 本机绘图组件。您实际上并没有获得 DOM、CSS 等 Web 功能，并且缺少许多 JS api。为了使用这些，Ludei 使用了一个基于 WebView 的解决方案，就像 phonegap/cordova 一样，只是他们主要关注前一个问题，而 cordova 关注后者。因此，CocoonJS 是解决某个问题的绝佳解决方案，但不仅仅是普遍更好。
我同意。它的主要用途是 HTML5 Canvas。如果你使用 DOM，默认的 webview 就足够快了。默认的 Canvas 很糟糕，这就是使用 cocoonjs 的原因。