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の動作がブラウザよりかなり遅い感じがします。
デバッガで動かしているからかも知れません。

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

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

関連記事

no-img

Spriteを動かしてみる

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

記事を読む

no-img

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

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

記事を読む

stinger0003b

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

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

記事を読む

no-img

Spriteを伸縮させる

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

記事を読む

andoroid

Spriteを回転させる

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

記事を読む

no-img

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

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

記事を読む

andoroid
Spriteを回転させる

enchant.jsのSpriteを回転させます。 ドロイド君が

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

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

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

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

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

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

no-img
Spriteを動かしてみる

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

→もっと見る



PAGE TOP ↑