†でおきしブログ†

ウナギ食べたいヽ(•̀ω•́ )ゝ✧

【phonegap】enchant.jsで作ったゲームをiOSアプリ化してみた【cordova】

☆ココを参照したらティンとくるはずだ!

iOS(iPhone)環境インストール | PhoneGap Fan
http://phonegap-fan.com/startup/

☆なんか難しそうじゃない?

以下条件をクリアしてれば、すぐにできると思いまする。

  1. enchant.jsでゲーム作って9leapに投稿した事がある
  2. xcodeiOSアプリ作った事がある

僕も食わず嫌いでしたが、やってみた拍子抜けしました。
phonegap恐るべし

☆やり方

※丁寧な解説は冒頭のphonegapFan様のサイトをご参照くださいませ

  1. xcodeをインストールしとく
  2. xcodeコマンドラインツールもインストールしとく
  3. phonegapをダウンロードする
  4. 解凍したフォルダの中にiosってフォルダがあるので、好きなところにコピーする
  5. ios/binをターミナルにドロップする(binのパスに行きたいだけ)
  6. xcodeのプロジェクトをターミナルからコマンド入力して作成する
    • "./create <project_folder_path> <bundle_id> <project_name>"
  7. 出来上がったプロジェクトを起動してビルド確認してみる
  8. 確認できたらwwwフォルダ配下を削除
    • 削除しちゃいけないファイルもあるかもですが(^^;)
  9. 9leapに投稿していたzipファイルの中身を、wwwフォルダにドーン!っと放り込む
  10. 実行(Run)

☆起動イメージ

○スプラッシュ画面が自動で生成されてます
f:id:deokisikun:20130626202107p:plain

○起動しました(画面サイズが合ってないので、下側が空白です)
f:id:deokisikun:20130626202134p:plain


※元ネタはコチラ


ではでは



HTML5/JavaScriptとPhoneGapで作るiPhoneアプリ開発入門

HTML5/JavaScriptとPhoneGapで作るiPhoneアプリ開発入門

PhoneGap 入門ガイド (Smart Mobile Developer)

PhoneGap 入門ガイド (Smart Mobile Developer)

[iOS/Android対応] HTML5 ハイブリッドアプリ開発[実践]入門 (Software Design plus)

[iOS/Android対応] HTML5 ハイブリッドアプリ開発[実践]入門 (Software Design plus)

HTML5とJavaScriptによるiPhone/Android両対応アプリ開発ガイド (DESIGN & WEB TECHNOLOGY)

HTML5とJavaScriptによるiPhone/Android両対応アプリ開発ガイド (DESIGN & WEB TECHNOLOGY)

広告を非表示にする