Monacaプラットフォームでenchant.jsを動かしてみる

Monacaプラットフォームでenchant.jsを動かしてみます。

スマートフォンアプリを作って見ようと調べていると「HTML+Javascript」で開発できる環境「Monacaプラットフォーム」を見つけたので使ってみます。

Monacaとは、 アシアル株式会社 が開発、運営する、クラウドベースのスマートフォンアプリ(iPhoneやAndroidのネイティブアプリ)開発プラットフォームです。

Cloud-Powered HTML5 Hybrid Mobile App Development Tools | Monaca
Monaca makes hybrid app development with PhoneGap/Cordova a lot easier with its comprehensive cloud-powered mobile app development tools and services.
スポンサーリンク

Monaca環境の準備

・まずはユーザー登録をしてプロジェクトを作成します。
 プロジェクトのテンプレートは「HelloWorldデモ」を選択します。

・AndroidアプリMonacaデバッガーをスマートフォンにインストールします。

・自動生成された「js」フォルダーに「enchant.js」を「img」フォルダーに 「droid.png」をアップロードします。

コーディング

・自動作成された「index.html」に以下の2行を追加します。

・jsフォルダーに「game.js」を新規作成し以下のソースを入力します。

ファイルを保存して、スマートフォンのデバッガアプリから作成したプロジェクトを選択すると無事動作しました。

簡単に「enchant.js」のアプリがスマートフォンアプリにできました。

Spriteの動作がブラウザよりかなり遅い感じがします。

デバッガで動かしているからかも知れません。

タイトルとURLをコピーしました