HTML5からネイティブアプリへ

私はHTML5でゲームを作っています。私はHTML5に最も精通しており、C++のような高級言語よりも好んでいます。 HTML5はゲームを書くための素晴らしいプラットフォームです。私の唯一の問題は、自分のゲームをネイティブアプリケーションとして実行したいということです（インターネットブラウザー機能なしで起動でき、フルスクリーンなど）。しかし、私はそこに何があるのか分かりません。私は周りを見回し、携帯電話プラットフォーム（PhoneGapなど）のためのものを見つけましたが、デスクトップはありません（Windows、Mac、Linuxなど）。最終的に、私ができる限り困難なところを探して、TideSDKを見つけました。 TideSDKはPhoneGapに似ていますが、コンピュータのオペレーティングシステム用であり、3つの一般的なもの（Windows、Mac、Linux）で動作します。しかし、TideSDKは実際にはゲームのために十分速く動かない。 window.requestAnimationFrameをサポートしていないため、ゲームループのsetIntervalを実行すると非常に遅くなりました。だから私はそれが2または3FPSになっていたと推測するのが遅い。私はChromeで全く同じゲームを試してみましたが、うまく動作します。HTML5からネイティブアプリへ

HTML5ゲームには十分に速い代替手段がありますか？（私はXcodeと他のIDEの他のプラットフォームでWebkitフレームを作ることを望んでいませんが、それは実際にクロスプラットフォームではなく、時間がかかります）。私のシステムでは、Mac（OSX 10.8、Mountain Lion）を使用していますが、Windows 7とUbuntu 12.04 32ビットにアクセスできます。

出典

2013-09-29 pjrader1

だけ...でゲームをロードしますブラウザとポップアップをフルスクリーンモードにしますか？ – user1600124

とにかくチタンのデスクトップがありますが、まだ生きているかどうかはわかりません。 qt-webkitもありますが、パフォーマンスについてはわかりません。しかし、私はクロムを使用してフルスクリーンモードに入る方が便利だと思います。そして、あなたは "ブラウザ"自体を維持する必要はありません。 – user1600124

@ user1600124私は現在それを使用しています。私が持っている唯一の問題は、私がこのゲームを販売したいと思っていることです。だから、私はスタンドアローンのバージョンが必要です。 – pjrader1

私自身はしばらく解決策を探していました。私はTideSDK、AppJS、VB.NETでネイティブコード、XCode、Python、C++、Electron、nw.js/node-webkitなどからすべてを試してみました：基本的に私はそれを試してみたという名前を付けます。

注：Electronは素晴らしいですが、64ビットプロセッサでのみ動作します。したがって nw.js/node-webkitは、を32ビットおよび64ビットプロセッサで実行したい場合は、より良いソリューションです。

私はWebDGapという独自のオープンソースソリューションを構築することに決めました。 WebDGapは、Windows、Linux、Mac OS X、Google Chrome、ウェブアプリケーションとして動作します。あなたのアプリをWindows、Linux、またはMacアプリケーションとしてエクスポートする場合WebDGapは、Webアプリケーションをデスクトップアプリケーションとして実行するためのフレームワークとしてnw.jsを使用します。アプリがデスクトップアプリケーションとして動作するためのフレームワークとしてnw.jsが使用されているため、Electronとは異なり、アプリを動作させるためにコードを変更する必要はありません。

たとえば、アプリケーションでJQueryを使用していて、Electronでエクスポートすると、通常のjavascriptライブラリのようにJQueryを読み込むことはできません。 WebDGapを使用する方法

<script src="libraries/jquery/jquery.js"></script>

あなたはこのようにそれをロードする必要がありました...

<script> 
    window.$ = window.jQuery = require("./libraries/jquery/jquery.js") 
    // or if you installed jquery via npm you could use 
    // window.$ = window.jQuery = require("jquery") 
</script>

ウォッチHow To Video学習します。

ここにスクリーンショットがあります。 The WebDGap Application