LoginSignup
26
24

More than 5 years have passed since last update.

Cocos2d-x 導入編-Mac開発環境構築について

Last updated at Posted at 2015-10-17

はじめに

直近cococs2d-xを使うことになりそうなので導入手順をメモとして残しておきます。

Cocos2d-x 3.7 より、Android Studioに対応したのことなので、eclipseでなくstudioでの導入手順をまとめます。iOS向けについてはそのうち追記します

前提

手順

Cocos2-dxのセットアップ

  1. Dowonloadしたcocos2d-x-3.8.1.zipを解凍する。
    ※ここでは、ダウンロードしたzipファイルをUsersディレクトリに解凍したものとします。

    /Users/kazuhiro/Library

  2. ターミナルを起動してsetup.pyを実行する。

    $ cd /Users/kazuhiro/Library/cocos2d-x-3.8.1
    $ ./setup.py

  3. NDK,SDK,ANTのパスを設定する。

  4. sourceコマンドで反映させる。

    $ source /Users/kazuhiro/Library/.bash_profile

  5. catコマンドで反映されていることを確認する。

    $ cat /Users/kazuhiro/Library/.bash_profile
    スクリーンショット 2015-10-16 16.51.37.png

プロジェクト作成〜起動まで

1.cocos-consoleを使いサンプルプロジェクトを作成する。しばらくするとプロジェクトが作成される

$ cd /Users/kazuhiro/Desktop
$ mkdir cocos2dx_workspacecocos
$ cocos new HelloWorld -d cocos2dx_workspace/ -p com.kazuhiro.helloword -l cpp

cocos newコマンドのオプションは以下の通り
cocos new -d <保存先ディレクトリのパス> -p <パッケージ名> -l <言語名>
-p:パッケージ名
-l:プログラミング言語(cpp:C++/lua:Lua/js:javascript)
-d:保存先ディレクトリのパス
※いくつかコマンドがあるようなのでまた別の機会に調べてみようと思います。
cocos -h
スクリーンショット 2015-10-16 17.33.20.png

2.実機とMacを接続した状態で作成されたプロジェクトを実行してみましょう。
プロジェクトもcocosコマンドで実行できます。

$ cocos run -s ./cocos2dx_workspace/HelloWorld/ -p android -m debug -j 2
sプロジェクトがあるディレクトリのパス
p:プラットフォーム(android/ios)
m:実行モード(debug/release)
-j:ビルドに使うコア
※ビルド時にも作業したい場合はコア数を減らした方が良さそうです。最大数-1ぐらいが適当なので
しょうか

スクリーンショット 2015-10-16 18.13.11.png

エミュレータで実行する場合は以下のようにすることで追加できます。

$ emulator -avd & cocos run -s ./cocos2dx_workspace/HelloWorld/ -p android -m debug -j 2

3.Hello Worldが起動したら成功です。

Android Studioで起動する方法について

前項で作成したHelloworldを取り込んで起動してみましょう

  1. Android studioを起動してOpen an existing Android Studio project
    を選択する。
    スクリーンショット 2015-10-16 18.34.35.png

  2. プロジェクトのproj.android-studioを選択して、choseボタンをタップする
    スクリーンショット 2015-10-16 18.35.36.png

  3. projectが開き、gradle buildが実行される。
    スクリーンショット 2015-10-16 18.41.34.png

  4. gradle buildが成功したらRun/Run helloworldで実行する
    スクリーンショット 2015-10-16 18.43.05.png

  5. 実行後、Device選択が表示されるので任意のデバイスを選択する。
    スクリーンショット 2015-10-16 18.42.51.png

  6. デバイス選択後、apkがインストールされてアプリが起動する
    device-2015-10-16-191540.png

26
24
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
26
24