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

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

JavaScript
スポンサーリンク
色白おばけをフォローする

おすすめプログラミングスクール

「侍エンジニア塾」は、未経験者でも結果が出せるプログラミング学習サービスです。
専属のインストラクターとの対面かSkypeでのレッスンを通じてプログラミングスキルを身につけて頂き、就職や転職までサポートします。
「侍エンジニア塾」の『3つ』の大きな特徴

  1. 完全マンツーマンレッスン
  2. フルオーダーメイドカリキュラム作成
  3. 独立・起業・フリーランス支援

誰もが自分の技術で稼げる人材になるための教育プログラム
TECH::EXPERTのこだわりは「実務的な教育コンテンツ」と「徹底したサポート体制」の2つです。

  1. 現場で使える実践的な技術が身につく
    有名企業のエンジニアへヒアリングを重ね、1年かけて創り上げた教育プログラムがあなたを実務レベルの即戦力エンジニアへ高めます
  2. 学習方法はライフスタイルに合わせて学べます
    ・一気にエンジニアへ駆け上がる「短期集中スタイル」
    ・無理なく確実にエンジニアへ「週末集中スタイル」
    ・自分のペースで自由に学ぶ「オンラインスタイル」

TECH::CAMP(エンジニアスクール)。
【Webアプリケーションコース】
全くの未経験からWebアプリケーション開発に必要なスキルを全て学ぶことができます。
【iPhoneアプリコース】
全くの未経験から最新の開発言語Swiftを用いてiPhoneアプリ開発を学ぶことができます。
自分だけのiPhoneアプリつくって世界に向けてリリースしたい方には自信を持っておすすめできる内容です。

ソフトウェア開発日記
タイトルとURLをコピーしました