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
  • 関連記事

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

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

    記事を読む

    Spriteを伸縮させる

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

    記事を読む

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

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

    記事を読む

    Spriteを動かしてみる

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

    記事を読む

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

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

    記事を読む

    Spriteを回転させる

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

    記事を読む

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

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

    Spriteを動かしてみる

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

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

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

    Spriteを伸縮させる

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

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

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

    →もっと見る



    PAGE TOP ↑