3

児童書アプリを作る準備をしています。たくさんのイラストといくつかのアニメーション メニューが含まれますが、アニメーションに関しては、ビデオ ゲームほどクレイジーなものはありません。Phonegap と DOM を使用するか、CocoonJs と Canvas を使用するかを決定しようとしています。

Phonegap は、通常のモバイル ブラウザーで正常に動作する DOM アプリの速度を低下させる可能性があるのに対し、CocoonJs は Canvas で構築されたアプリの速度を向上させると読んでいます。しかし、CocoonJs には DOM 要素をある程度サポートする新しい機能があることも知りました。

私の DOM テスト アプリはモバイル ブラウザーでうまく動作しますが、iPad や iPhone bc の Phonegap ではテストできません。

この種のプロジェクトに近い経験をした人はいますか? 学習体験のためだけに Canvas で行うことを検討しています。しかし、どちらかの強力な推奨事項がある場合は、あなたの考えを教えてください。

どうもありがとう!

4

4 に答える 4

9

また、CocoonJS よりも人気があり、ショーケースが強​​力な Famo.us も検討してください。ここに私の洞察があります:

フォンギャップ

実証済み、FOSS。たくさんのリソース。多くのプラグインは、バラバラにそして無計画に維持されています。たとえば、IAP と Ads (プラグインである可能性が非常に高い) はコアになく、個別に (そしてかろうじて) 維持されます。パフォーマンスは重視せず、x プラットフォームとの互換性のみを重視します。

  • 長所:人気、試した
  • プロ: FOSS
  • 短所: パフォーマンス重視ではない
  • 短所: プラグインのユーザーランドの品質が不安定

CocoonJS

Cordova ラッパー (PhoneGap と同様) で、Webview+ または Canvas+ プラグインを介してパフォーマンスの最適化を追加します。Canvas+ は HTML5 キャンバス ゲーム用なので、あなたには向いていません。Webview+ は基本的に、Chromium-latest をデフォルト ブラウザーとして使用しない Android バージョンでのパフォーマンスを向上させるためにパッケージ化された最新の Chromium です (デフォルト ブラウザーは、Cordova の WebView に使用されるものです)。Android 4 未満では機能しません。これらはデフォルトの webview を使用するだけです。実際に Webview+ を使って Cocoon アプリをデプロイしてみましたが、パフォーマンスの向上は見られませんでした。(a) 微調整が必​​要な場合、(b) 「パフォーマンスの向上」 (エア クォート) のいずれかです。さらに、iOS と Android の両方で動作する標準化されたプラグインがあります: Facebook、広告、アプリ内購入 (その他、必要な 3 つ)。PhoneGapランドでは、これら 3 つは 6 つの個別のリポジトリ (プラットフォームごとに 1 つ) であり、6 つの異なる開発者によって維持されていますが、常に適切に維持されているとは限りません。反対に、Cocoon プレミアム (拡張機能を使用するために必要) は $$$ であると読み続けています。

  • 長所: 理論上はより優れたパフォーマンス
  • 長所: 統合されたプラグイン エクスペリエンス (広告、Facebook、IAP) - 最大のプロ IMO
  • 短所:価格

有名

私が Famo.us を理解している方法: Cocoon の Canvas+ に似ています。アニメーション/キャンバスのパフォーマンスを向上させるパフォーマンスの高い webview をパッケージ化します。アプリを構築するための独自の JS ベースの DSL が付属しています。つまり、標準の HTML/CSS/JS Web アプリをビルドするだけの PhoneGap & CocoonJS (他のプロジェクトとのコード共有を許可する) とは異なり、Famo.us にはアプリをビルドするための独自の JS フレームワークがあります。AirBnB、Yelp などは Famo.us を使用しています

  • 長所: パフォーマンス
  • プロ: 無料?
  • 長所: 強力なショーケース (Yelp、AirBnB)
  • 短所: ありきたりの Web 開発者ではない (PhoneGap アプリをそのままドロップできる CocoonJS とは異なります)

Cocoon の Webview+ セットアップを調べることを (あなたの状況に合わせて) 個人的にお勧めします。

于 2014-06-19T22:11:14.983 に答える
4

CocoonJS は、モバイルで優れたパフォーマンスを実現したい場合に最適です。また、次のような特定の関数を呼び出して、CocoonJS 内で WebView を使用することもできます。

<html>
<body>
    <script src="CocoonJSExtensions/CocoonJS.js"></script>
    <script src="CocoonJSExtensions/CocoonJS_App.js"></script>
    <script src="CocoonJSExtensions/CocoonJS_App_ForCocoonJS.js"></script>
    <script>
        CocoonJS.App.onLoadInTheWebViewSucceed.addEventListener(function(pageURL) {
            // Show the webview. By default, the webview is hidden.
            CocoonJS.App.showTheWebView();
        });

        CocoonJS.App.onLoadInTheWebViewFailed.addEventListener(function(pageURL) {
            console.error("Could not load the HTML file in the webview");
        });

        CocoonJS.App.loadInTheWebView("webview_index.html");
    </script>
</body>

于 2013-06-05T07:01:08.537 に答える
3

キャンバスで行う場合は、PhoneGap と CocoonJS のどちらを使用するかを後で決定できます。

個人的には、あなたのプロジェクトが CocoonJS の使用を保証しているとは思いませんが、そうしても害はありません。

CocoonJS の利点には、ネイティブに近いパフォーマンスが含まれます。欠点は、価格モデルをまだリリースしていないことです。現在は無料だと思いますが、必須の CocoonJS スプラッシュ スクリーンがあります。

dom と canvas については、プロジェクトによって異なります。個人的には canvas の方が好きです。なぜなら、最近は多くのオブジェクトを移動するときに一般的に高速だからです。しかしそうは言っても、あなたのプロジェクトは非常に静的に聞こえます。その場合は、dom を検討することをお勧めします (そこにはかなりの数の dom ページめくりチュートリアルもあります)。

これは、子供たちが参照として使用するために行ったキャンバス/PhoneGap プロジェクトです。

余談ですが、Xcode のエミュレーターを介して PhoneGap でアプリをテストできるはずです。

于 2013-06-06T19:50:16.273 に答える
2

キャンバス ルートを使用する場合は、(オープン ソース) jecta も検討することをお勧めします。

http://impactjs.com/ejecta

于 2013-09-20T20:09:30.897 に答える