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

公開日: : 最終更新日:2013/02/28 enchant.js , , , , , , ,

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

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

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

Monaca環境の準備

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

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

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

コーディング

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

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

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

簡単に「enchant.js」のアプリがスマートフォンアプリにできました。
でもSpriteの動作がブラウザよりかなり遅い感じがします。
デバッガで動かしているからかも知れません。

さぁこれでバリバリ開発と行くのでしょうか・・・。

スポンサーリンク
スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • 13 follow us in feedly

関連記事

Spriteを回転させる

enchant.jsのSpriteを回転させます。 ドロイド君が10体のペアで画面を回転しなが

記事を読む

HTML5とJavaScriptでスマートフォンゲーム作成! ゼロからはじめるenchant.js入門【公式ガイド】

enchant.jsを始めてみようと 買いました。 買ってみたが現在、本棚肥やしになって

記事を読む

enchant.jsで複数のSpriteを動かしてみる

enchant.jsのSpriteを複数操作します。 ドロイド君が10体のペアで画面を斜めに移

記事を読む

STINGER3とenchant.jsが融合するとこうなる

話題のSTINGER3とenchant.jsが融合 今話題のSTINGER3と昔ちょっとやって見よ

記事を読む

Spriteを伸縮させる

enchant.jsのSpriteを伸縮しながら移動します。 まずは表示用のHTML。

記事を読む

Spriteを動かしてみる

enchant.jsのSpriteを動かしてみましょう。 ドロイド君が画面を斜めに移動し続けま

記事を読む

enchant.jsで複数のSpriteを動かしてみる

enchant.jsのSpriteを複数操作します。 ドロイド君

HTML5とJavaScriptでスマートフォンゲーム作成! ゼロからはじめるenchant.js入門【公式ガイド】

enchant.jsを始めてみようと 買いました。 買って

Spriteを伸縮させる

enchant.jsのSpriteを伸縮しながら移動します。 ま

STINGER3とenchant.jsが融合するとこうなる

話題のSTINGER3とenchant.jsが融合 今話題のSTIN

Spriteを動かしてみる

enchant.jsのSpriteを動かしてみましょう。 ドロイ

→もっと見る



PAGE TOP ↑