Eclipse のワークスペースがどこにあるか調べる方法

2015年6月5日 TOME 7 comments

Eclipse のワークスペースはデフォルトではホームディレクトに workspace という名前のディレクトリが作成されます。

任意の名前のディレクトリを新たなワークスペースとして使えるため、その時の気分によっていろんな名前をつけてしまい、どこにワークスペースを作ったかわからなくなってしまうことがよくあります。少なくとも自分は。

方法１

Eclipse の Preference の [General]→[Startup and Shutdown]→[Workspaces] を開くと “Recent workspaces” として使ったことがあるワークスペースが記録されています。

しかしこの方法だと、その Eclipse が開いたことのあるワークスペースしかリストされません。

方法２

Eclipse はワークスペースとして指定されてディレクトリに “.metadata” という隠しディレクトリを作るので、これを検索します。

ターミナルを開いてワークスペースを置いてありそうな場所（例：ホームディレクトリ）で以下のコマンドを実行します。

<span style="color: #0000ff; font-size: 14pt;"><strong>find . -type d -name .metadata
</strong></span>

1 2	<span style="color: #0000ff; font-size: 14pt;"><strong>find . -type d -name .metadata </strong></span>

自分の環境で実行した例は以下の通りです。

$ <strong>cd /My/Home</strong>
$ <span style="color: #0000ff;"><strong>find . -type d -name .metadata</strong></span>
<span style="color: #339966;">./.android/monitor-workspace/.metadata</span>
<span style="color: #339966;">./Documents/Aptana Studio 3 Workspace/.metadata</span>
<span style="color: #339966;">./Documents/cocos/.metadata</span>
<span style="color: #339966;">./workspace/.metadata</span>
$

$ cd /My/Home

$ find . -type d -name .metadata

./.android/monitor-workspace/.metadata

./Documents/Aptana Studio 3 Workspace/.metadata

./Documents/cocos/.metadata

./workspace/.metadata

ざくざく出てきました。

この方法だとEclipse をベースに作られていると思われる別のツールのワークスペースも出てしまうのが興味深いところです。（Aptana Studio 3, Cocos Code IDE）

時間がかかってもよければルートディレクトリで上記のコマンドを打てば、パーミションがあるところにあるワークスペースはすべて探し出せます。

Cocos2d-JS のサンプルを動かしてみる (iOS編)

2015年6月5日 TOME 2 comments

前回ブラウザ上で Cocos2d-JS を動かしてみたので、今回は iOS アプリとして動かしてみます。

使用した環境

OS: Mac OS X 10.10.3
Xcode: 6.3.2
Cocos2d-JS: v3.6.1

iOSアプリとして実行する

Cocos2d-JS のプロジェクトを iOS アプリとして実行するには大きく分けて２つの方法があります。

cocos run コマンドを使用する (CUIベース)
Xcode からプロジェクトファイルを開く (GUIベース) – おすすめ

Xcode の様々な機能が利用できる 2. の方法がおすすめです。

方法１：cocos run コマンドを使用する

前回のブラウザ上での実行の際に使用した cocos run コマンドの -p オプションの引数を ios に変えるだけで、ビルド、iOS シミュレーターの起動、アプリの実行まで全部行ってくれます。最初の実行時には cocos2d ライブラリのビルドもあり、数分かかります。

$ <strong>cd MyProject</strong>
$ <strong>pwd</strong>
<span style="color: #339966;">/My/Test/MyProject</span>
$ <span style="color: #0000ff;"><strong>cocos run -p ios
</strong><span style="color: #339966;">Running command: compile</span>
<span style="color: #339966;">Building mode: debug</span>
<span style="color: #339966;">building</span>
<span style="color: #ff00ff;">running: 'xcodebuild -project "/My/Test/MyProject/frameworks/runtime-src/proj.ios_mac/MyProject.xcodeproj" -configuration Debug -target "MyProject iOS" -arch i386 -sdk iphonesimulator CONFIGURATION_BUILD_DIR="/My/Test/MyProject/runtime/ios" VALID_ARCHS="i386"'</span>

<span style="color: #339966;">Build settings from command line:</span>
<span style="color: #339966;">    ARCHS = i386</span>
<span style="color: #339966;">    CONFIGURATION_BUILD_DIR = /My/Test/MyProject/runtime/ios</span>
<span style="color: #339966;">    SDKROOT = iphonesimulator8.3</span>
<span style="color: #339966;">    VALID_ARCHS = i386</span>

<span style="color: #33cccc;">=== BUILD TARGET jsbindings iOS OF PROJECT cocos2d_js_bindings WITH CONFIGURATION Debug ===</span>

<span style="color: #339966;">Check dependencies</span>

<span style="color: #339966;">Write auxiliary files</span>
<span style="color: #339966;">/bin/mkdir -p /My/Test/MyProject/frameworks/js-bindings/bindings/proj.ios_mac/build/cocos2d_js_bindings.build/Debug-iphonesimulator/jsbindings\ iOS.build</span>
<span style="color: #339966;">write-file /My/Test/MyProject/frameworks/js-bindings/bindings/proj.ios_mac/build/cocos2d_js_bindings.build/Debug-iphonesimulator/jsbindings\ iOS.build/jsbindings\ iOS-all-non-framework-target-headers.hmap</span>
<span style="color: #339966;">write-file /My/Test/MyProject/frameworks/js-bindings/bindings/proj.ios_mac/build/cocos2d_js_bindings.build/Debug-iphonesimulator/jsbindings\ iOS.build/jsbindings\ iOS.hmap</span>
<span style="color: #339966;">write-file /My/Test/MyProject/frameworks/js-bindings/bindings/proj.ios_mac/build/cocos2d_js_bindings.build/Debug-iphonesimulator/jsbindings\ iOS.build/jsbindings\ iOS-all-target-headers.hmap</span>
<span style="color: #339966;">write-file /My/Test/MyProject/frameworks/js-bindings/bindings/proj.ios_mac/build/cocos2d_js_bindings.build/Debug-iphonesimulator/jsbindings\ iOS.build/jsbindings\ iOS-own-target-headers.hmap</span><strong>

</strong></span> :
 :
(中略)
 :
 :
<span style="color: #339966;">CpResource ios/Icon-58.png /My/Test/MyProject/runtime/ios/MyProject\ iOS.app/Icon-58.png</span>
<span style="color: #339966;"> cd /My/Test/MyProject/frameworks/runtime-src/proj.ios_mac</span>
<span style="color: #339966;"> export PATH="/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/usr/bin:/Applications/Xcode.app/Contents/Developer/usr/bin:/opt/local/bin:/opt/cocos2d-js-v3.5/tools/cocos2d-console/bin:/opt/local/bin:/opt/local/sbin:/Applications/MAMP/Library/bin/:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/opt/X11/bin:/Applications/Xcode.app/Contents/Developer/usr/bin/"</span>
<span style="color: #339966;"> builtin-copy -exclude .DS_Store -exclude CVS -exclude .svn -exclude .git -exclude .hg -resolve-src-symlinks /My/Test/MyProject/frameworks/runtime-src/proj.ios_mac/ios/Icon-58.png /My/Test/MyProject/runtime/ios/MyProject\ iOS.app</span>

<span style="color: #339966;">Touch /My/Test/MyProject/runtime/ios/MyProject\ iOS.app</span>
<span style="color: #339966;"> cd /My/Test/MyProject/frameworks/runtime-src/proj.ios_mac</span>
<span style="color: #339966;"> export PATH="/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/usr/bin:/Applications/Xcode.app/Contents/Developer/usr/bin:/opt/local/bin:/opt/cocos2d-js-v3.5/tools/cocos2d-console/bin:/opt/local/bin:/opt/local/sbin:/Applications/MAMP/Library/bin/:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/opt/X11/bin:/Applications/Xcode.app/Contents/Developer/usr/bin/"</span>
<span style="color: #339966;"> /usr/bin/touch -c /My/Test/MyProject/runtime/ios/MyProject\ iOS.app</span>

<strong><span style="color: #339966;">** BUILD SUCCEEDED **</span></strong>

<span style="color: #339966;">build succeeded.</span>
<span style="color: #339966;">Running command: deploy</span>
<span style="color: #339966;">Deploying mode: debug</span>
<span style="color: #339966;">Running command: run</span>
<span style="color: #339966;">starting application</span>
<span style="color: #ff00ff;">running: '/opt/cocos2d-js-v3.5/tools/cocos2d-console/plugins/project_run/bin/ios-sim-xcode6 launch "/My/Test/MyProject/runtime/ios/MyProject iOS.app" &amp;'</span>


$

$ cd MyProject

$ pwd

/My/Test/MyProject

$ cocos run -p ios

Running command: compile

Building mode: debug

building

running: 'xcodebuild -project "/My/Test/MyProject/frameworks/runtime-src/proj.ios_mac/MyProject.xcodeproj" -configuration Debug -target "MyProject iOS" -arch i386 -sdk iphonesimulator CONFIGURATION_BUILD_DIR="/My/Test/MyProject/runtime/ios" VALID_ARCHS="i386"'

Build settings from command line:

ARCHS = i386

CONFIGURATION_BUILD_DIR = /My/Test/MyProject/runtime/ios

SDKROOT = iphonesimulator8.3

VALID_ARCHS = i386

=== BUILD TARGET jsbindings iOS OF PROJECT cocos2d_js_bindings WITH CONFIGURATION Debug ===

Check dependencies

Write auxiliary files

/bin/mkdir -p /My/Test/MyProject/frameworks/js-bindings/bindings/proj.ios_mac/build/cocos2d_js_bindings.build/Debug-iphonesimulator/jsbindings\ iOS.build

write-file /My/Test/MyProject/frameworks/js-bindings/bindings/proj.ios_mac/build/cocos2d_js_bindings.build/Debug-iphonesimulator/jsbindings\ iOS.build/jsbindings\ iOS-all-non-framework-target-headers.hmap

:

(中略)

CpResource ios/Icon-58.png /My/Test/MyProject/runtime/ios/MyProject\ iOS.app/Icon-58.png

cd /My/Test/MyProject/frameworks/runtime-src/proj.ios_mac

export PATH="/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/usr/bin:/Applications/Xcode.app/Contents/Developer/usr/bin:/opt/local/bin:/opt/cocos2d-js-v3.5/tools/cocos2d-console/bin:/opt/local/bin:/opt/local/sbin:/Applications/MAMP/Library/bin/:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/opt/X11/bin:/Applications/Xcode.app/Contents/Developer/usr/bin/"

builtin-copy -exclude .DS_Store -exclude CVS -exclude .svn -exclude .git -exclude .hg -resolve-src-symlinks /My/Test/MyProject/frameworks/runtime-src/proj.ios_mac/ios/Icon-58.png /My/Test/MyProject/runtime/ios/MyProject\ iOS.app

Touch /My/Test/MyProject/runtime/ios/MyProject\ iOS.app

cd /My/Test/MyProject/frameworks/runtime-src/proj.ios_mac

/usr/bin/touch -c /My/Test/MyProject/runtime/ios/MyProject\ iOS.app

** BUILD SUCCEEDED **

build succeeded.

Running command: deploy

Deploying mode: debug

Running command: run

starting application

running: '/opt/cocos2d-js-v3.5/tools/cocos2d-console/plugins/project_run/bin/ios-sim-xcode6 launch "/My/Test/MyProject/runtime/ios/MyProject iOS.app" &'

うまくいけば自動的に iOS シミュレーターが起動し、アプリが立ち上がります！！簡単！！

しかしこの方法１は何が行われているのかよく見えないことなどがあり、エキスパート向けの方法だと思います。自分は使っていません。

方法２：Xcodeからプロジェクトファイルを開く

方法２は Xcode を使う方法です。こちらがオススメのやり方です。

./frameworks/runtime-src/proj.ios_mac/<プロジェクト名>.xcodeproj に Xcode で開くことができるプロジェクトファイルがあります。

この .xcodeproj ファイルをダブルクリックなどで開きます。このバージョンの Cocos2d-JS が生成する Xcode のプロジェクトファイルは “Xcode 3.2 compatible” とのことでかなり古い形式のようですが、最新の Xcode 6.3.2 でもこのままビルドはできます。（App Store にアップするにはアイコンの追加などの修正が必要です。)

このプロジェクトは、ビルド対象がデフォルトで “jsbinding iOS” と言うライブラリになっているので、これを自分のプロジェクト名のものに変更します。

また、デバイスは実機を選ぶ場合プロビジョニングなどの設定が必要になるので、とりあえず iPhone 6 シミュレーターなどにしておくと簡単です。

あとは左上の再生ボタンを押して実行します。

問題がなければ選択した iOS デバイス上でサンプルが実行されるはずです！

Cocos2d-x/JS

Cocos2d-JS の開発環境を構築する

2015年6月5日 TOME 3 comments

Cocos2d-JSとは一言で言うと『JavaScript バージョンの Cocos2d-x』です。直接 Cocos2d-x を扱うには C++ でコードを記述する必要がありますが、Cocos2d-JS を使えば大部分のコードは JavaScript で記述することが可能です。

ただし公式ページの記述とは裏腹に、Cocos2d-x のすべての機能が使えるわけではないので注意が必要です。ざっくり言うと、よく使う機能はちゃんとサポートされていますが、あまり使われない機能（例：シーン切り替え時の一部のトランジション）はサポートされてない部分が散見されます。

そうは言っても、スマートフォンだけでなくブラウザ上でも動作することと、事前コンパイルなしにすぐ動作を確認できることなどは大きな魅力です。

今回は Cocos2d-JS で開発を始めるための環境構築の手順についてまとめました。

ダウンロード
インストール＆設定
新規プロジェクト作成
サンプルを実行

使用した環境

OS: Mac OS X 10.10.3
Cocos2d-JS: v3.6.1

ダウンロード

Cocos2d-JS の日本語公式ページから最新版（2015年6月4日時点では v3.6.1) がダウンロードできます。

インストール＆設定

インストーラーは用意されていないので、ダウンロードした zip ファイルを適当な場所に解凍します。あとでパスを通すことになるのでディレクトリ構成の浅い部分に置くのがおすすめです。自分は /opt/cocos2d-js-v3.6.1 に置きました。

ターミナルを開き、パッケージに含まれている setup.py を実行すると、.bash_profile に以下の環境変数の設定が自動で追加されます。

COCOS_CONSOLE_ROOT
PATH

途中 NDK_ROOT と ANDROID_SDK_ROOT を尋ねられるのですが、とりあえずリターンを押しておけば Web アプリの開発は可能です。（Android アプリの開発をする場合は「Cocos2d-JS のサンプルを動かしてみる (Android編)」を参考に、設定してください。）

$ <strong>pwd</strong>
<span style="color: #339966;">/opt/cocos2d-js-v3.6.1</span>
$ <span style="color: #0000ff;"><strong>./setup.py</strong></span>
<span style="color: #339966;">Setting up cocos2d-x...
-&gt;Check environment variable COCOS_CONSOLE_ROOT
-&gt;Find environment variable COCOS_CONSOLE_ROOT...
-&gt;COCOS_CONSOLE_ROOT not found-&gt; Add COCOS_CONSOLE_ROOT environment variable...
-&gt;Added COCOS_CONSOLE_ROOT=/opt/cocos2d-js-v3.6.1/tools/cocos2d-console/bin
-&gt;Configuration for Android platform only, you can also skip and manually edit "/Users/hirota/.bash_profile"

-&gt;Check environment variable NDK_ROOT
-&gt;Find environment variable NDK_ROOT...
-&gt;NDK_ROOT not found

-&gt;Please enter the path of NDK_ROOT (or press Enter to skip):<span style="color: #0000ff;"><strong>(リターン)</strong></span>
-&gt;Check environment variable ANDROID_SDK_ROOT
-&gt;Find environment variable ANDROID_SDK_ROOT...
-&gt;ANDROID_SDK_ROOT not found

-&gt;Please enter the path of ANDROID_SDK_ROOT (or press Enter to skip):</span>

$ pwd

/opt/cocos2d-js-v3.6.1

$ ./setup.py

Setting up cocos2d-x...

->Check environment variable COCOS_CONSOLE_ROOT

->Find environment variable COCOS_CONSOLE_ROOT...

->COCOS_CONSOLE_ROOT not found-> Add COCOS_CONSOLE_ROOT environment variable...

->Added COCOS_CONSOLE_ROOT=/opt/cocos2d-js-v3.6.1/tools/cocos2d-console/bin

->Configuration for Android platform only, you can also skip and manually edit "/Users/hirota/.bash_profile"

->Check environment variable NDK_ROOT

->Find environment variable NDK_ROOT...

->NDK_ROOT not found

->Please enter the path of NDK_ROOT (or press Enter to skip):(リターン)

->Check environment variable ANDROID_SDK_ROOT

->Find environment variable ANDROID_SDK_ROOT...

->ANDROID_SDK_ROOT not found

->Please enter the path of ANDROID_SDK_ROOT (or press Enter to skip):

<span style="color: #339966;"><span style="color: #0000ff;"><strong>(リターン)</strong></span></span>

1	<span style="color: #339966;"><span style="color: #0000ff;"><strong>(リターン)</strong></span></span>

<span style="color: #339966;">-&gt;Check environment variable ANT_ROOT -&gt;Find environment variable ANT_ROOT... -&gt;ANT_ROOT not found -&gt;Find command ant in system... -&gt;Path "/opt/local/bin" was found -&gt; Add ANT_ROOT environment variable... -&gt;Added ANT_ROOT=/opt/local/bin A backup file "/Users/hirota/.bash_profile.backup4" is created for "/Users/hirota/.bash_profile". Please execute command: "source /Users/hirota/.bash_profile" to make added system variables take effect</span>
$

->Check environment variable ANT_ROOT ->Find environment variable ANT_ROOT... ->ANT_ROOT not found ->Find command ant in system... ->Path "/opt/local/bin" was found -> Add ANT_ROOT environment variable... ->Added ANT_ROOT=/opt/local/bin A backup file "/Users/hirota/.bash_profile.backup4" is created for "/Users/hirota/.bash_profile". Please execute command: "source /Users/hirota/.bash_profile" to make added system variables take effect

これ以降、新たにターミナルを開けば cocos コマンドが使用できるようになっているはずです。

ただし bash にしか対応していないので csh など他のシェルを使っている方は同等の設定を手動で行う必要があります。
Python のバージョン 2.x が使えることが必要です。最近の OS X には標準で含まれているので特に準備は必要ありません。Python バージョン 3.x 系は未対応とのことなので注意してください。
Android アプリをビルドするには別途必要な設定がありますが、後からでも設定できるので本記事では対象から外します。

新規プロジェクト作成

cocos はコマンドラインから Cocos2d-x/JS のプロジェクトを管理するツールです。ここではサブコマンド cocos new を使用して新規プロジェクトの雛形を作成します。

プロジェクトを作成したいディレクトリに移動し、以下のコマンドを実行します。(PROJECT_NAME は好きな名前に変更してください)

$ <span style="color: #0000ff;"><strong>cocos new -l js <em>PROJECT_NAME</em></strong></span>

1	$ <span style="color: #0000ff;"><strong>cocos new -l js <em>PROJECT_NAME</em></strong></span>

以下は /My/Test という場所に MyProject という名前のプロジェクトを作成した場合の例です。

$ <strong>pwd</strong>
<span style="color: #339966;">/My/Test</span>
$ <strong><span style="color: #0000ff;">cocos new -l js MyProject</span></strong>
<span style="color: #339966;">Running command: new</span>
<span style="color: #339966;">&gt; Copy template into /My/Test/MyProject</span>
<span style="color: #339966;">&gt; Copying cocos2d-html5 files...</span>
<span style="color: #339966;">&gt; Copying files from cocos root directory...</span>
<span style="color: #339966;">&gt; Copying files from template directory...</span>
<span style="color: #339966;">&gt; Copying directory from cocos root directory...</span>
<span style="color: #339966;">&gt; Copying cocos2d-x files...</span>
<span style="color: #339966;">&gt; Rename project name from 'HelloJavascript' to 'MyProject'</span>
<span style="color: #339966;">&gt; Replace the project name from 'HelloJavascript' to 'MyProject'</span>
<span style="color: #339966;">&gt; Replace the project package name from 'org.cocos2dx.hellojavascript' to 'org.cocos2dx.MyProject'</span>
<span style="color: #339966;">&gt; Replace the mac bundle id from 'org.cocos2dx.hellojavascript' to 'org.cocos2dx.MyProject'</span>
<span style="color: #339966;">&gt; Replace the ios bundle id from 'org.cocos2dx.hellojavascript' to 'org.cocos2dx.MyProject'</span>

$

$ pwd

/My/Test

$ cocos new -l js MyProject

Running command: new

> Copy template into /My/Test/MyProject

> Copying cocos2d-html5 files...

> Copying files from cocos root directory...

> Copying files from template directory...

> Copying directory from cocos root directory...

> Copying cocos2d-x files...

> Rename project name from 'HelloJavascript' to 'MyProject'

> Replace the project name from 'HelloJavascript' to 'MyProject'

> Replace the project package name from 'org.cocos2dx.hellojavascript' to 'org.cocos2dx.MyProject'

> Replace the mac bundle id from 'org.cocos2dx.hellojavascript' to 'org.cocos2dx.MyProject'

> Replace the ios bundle id from 'org.cocos2dx.hellojavascript' to 'org.cocos2dx.MyProject'

サンプルを実行

Cocos2d-JS のプロジェクトは、ブラウザ、iOS、Android などの環境で実行することができます。ここでは一番簡単なブラウザ上での実行を試してみます。

ブラウザ上で実行するには、大きく分けて２つ方法があります。

稼働中のWebサーバー (Apache, MAMPなど) 上に、プロジェクトのファイルをコピーする
cocos run コマンドを使用する (専用の Web サービスを起動します)

ここでは 2. の方法を使います。先ほど作成したプロジェクトのディレクトリに移動して、以下のコマンドを実行するだけです。

$ <strong><span style="color: #0000ff;">cocos run -p web</span></strong>

1	$ <strong><span style="color: #0000ff;">cocos run -p web</span></strong>

以下は、実行結果の例です。

コマンドを実行すると内部でWebサーバーがポート8000を使用して起動します。それと同時にデフォルトのブラウザーが起動しページにアクセスします。

$ <strong>cd MyProject</strong>
$ <strong>pwd</strong>
<span style="color: #339966;">/My/Test/MyProject</span>
$ <span style="color: #0000ff;"><strong>cocos run -p web</strong></span>
<span style="color: #339966;">Running command: compile</span>
<span style="color: #339966;">Building mode: debug</span>
<span style="color: #339966;">Running command: deploy</span>
<span style="color: #339966;">Deploying mode: debug</span>
<span style="color: #339966;">Running command: run</span>
<span style="color: #339966;">starting application</span>
<span style="color: #339966;">Try start server on 127.0.0.1:8000</span>
<span style="color: #339966;">Serving HTTP on 127.0.0.1, port 8000 ...</span>
<span style="color: #339966;">127.0.0.1 - - [05/Jun/2015 00:42:23] "GET / HTTP/1.1" 200 -</span>
<span style="color: #339966;">127.0.0.1 - - [05/Jun/2015 00:42:23] "GET /res/loading.js HTTP/1.1" 200 -</span>
<span style="color: #339966;">127.0.0.1 - - [05/Jun/2015 00:42:23] "GET /frameworks/cocos2d-html5/CCBoot.js HTTP/1.1" 200 -</span>
<span style="color: #339966;">127.0.0.1 - - [05/Jun/2015 00:42:23] "GET /main.js HTTP/1.1" 200 -</span>
<span style="color: #339966;">127.0.0.1 - - [05/Jun/2015 00:42:23] "GET /project.json HTTP/1.1" 200 -</span>
<span style="color: #339966;">127.0.0.1 - - [05/Jun/2015 00:42:23] "GET /frameworks/cocos2d-html5/moduleConfig.json HTTP/1.1" 200 -
  :
  :

</span>

$ cd MyProject

$ pwd

/My/Test/MyProject

$ cocos run -p web

Running command: compile

Building mode: debug

Running command: deploy

Deploying mode: debug

Running command: run

starting application

Try start server on 127.0.0.1:8000

Serving HTTP on 127.0.0.1, port 8000 ...

127.0.0.1 - - [05/Jun/2015 00:42:23] "GET / HTTP/1.1" 200 -

127.0.0.1 - - [05/Jun/2015 00:42:23] "GET /res/loading.js HTTP/1.1" 200 -

127.0.0.1 - - [05/Jun/2015 00:42:23] "GET /frameworks/cocos2d-html5/CCBoot.js HTTP/1.1" 200 -

127.0.0.1 - - [05/Jun/2015 00:42:23] "GET /main.js HTTP/1.1" 200 -

127.0.0.1 - - [05/Jun/2015 00:42:23] "GET /project.json HTTP/1.1" 200 -

127.0.0.1 - - [05/Jun/2015 00:42:23] "GET /frameworks/cocos2d-html5/moduleConfig.json HTTP/1.1" 200 -

うまくいけば自動的に立ち上がったブラウザ上にHello World のシーンが実行されているはずです！！

Webサーバーは、Control+C で停止させることができます。

Cocos2d-x/JS

Cocos2d-JS でアプリをリリースしました

2015年6月4日 TOME Leave a comment

こんにちは。

2015年の2月になりますが、『ラジウム・クリッカー』というアプリを iOS版/Android版同時にリリースしました。使用したプラットフォームは Cocos2d-JS です。

その数年前 iOSのアプリはいくつか作成した経験がありましたが、Androidの開発経験はなく、次のアプリはAndroid版も同時にリリースしたいと考えていました。

そのためのプラットフォームは何にすべきか数日かけて検討したところ、Cocos2d-x や Unity というプラットフォームがよく使用されていて、自分の目的に適していそうなことがわかりました。

さらに調べたところ Cocos2d-x の拡張版の Cocos2d-JS というものが存在し、それを使うと JavaScript というスクリプト言語でアプリが開発でき、さらにブラウザ上でも動作するとのことでした。スクリプト言語でアプリが開発できるというのは非常に魅力的で、早速使用してみました。

使ってみると、資料が少なかったり、バージョンによる差異が激しくて古い情報が役に立たなかったりといろいろ苦労はありましたが、確かに JavaScript で記述したアプリがブラウザでも iOS でも Android でも動作しました。

その後、紆余曲折あり、アプリリリースまでこぎつけましたが、何しろ資料が少なく、主にソースコードを解析したりして、なかなか苦労しました。

その時学んだ Cocos2d-JS の基本を、これからまとめていこうと思っています。これから Cocos2d-JS でアプリを開発しようと考えている方の助けになれば幸いです。

※ちなみに2015年4月にリリースした『ねずみハンターキャシー』というアプリも Cocos2d-JS で開発しました。

« 1 … 5 6 7