35
26

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

[UnityとCocos2d-xのいいとこ取り] CocosCreatorの紹介

Posted at

ゲームを作るのにUnityは重たい、Cocos2d-xは軽いけど難しくてあきらめちゃった方へ。
Cocos Creatorは試しましたか? (紹介動画)

  • シーンエディタ
  • コードエディタ (コードはJavaScript、CoffeeScriptが選べます)
  • アニメーションエディタ

などが統合されたゲーム開発環境です。Unityのような開発の気軽さを持ち、動作するパフォーマンスはCocos2d-xという、まさに(僕が)待ち望んだ環境です。1日程度触ってみて、使用感が良かったので記事にまとめようと思います。

なおCocos StudioはCocos Creatorの発表に伴いDeprecatedとなったようです。

##環境
以下環境で試しています。

  • Cocos Creator 1.1.1
  • MacOSX Yosemite 10.10.5

##開発環境構築
CocosCreatorをここからダウンロードしましょう。

起動するとログイン画面が出ます。使用にはCocos Developerアカウントが必要になります。

kobito.1467595534.258341.png

※ここのPasswordボックスにはペーストが効かないのでご注意ください。うっかり1Passwordとかで長いパスワードを使ってしまうとツラい気持ちになります。

ログインが完了するとプロジェクトファイルの選択画面が表示されます。

kobito.1467595833.736066.png

「New Project」で「Empty Project」を選択し、Createを押してみてください。

kobito.1467596008.111835.png

見た目はUnityですね。公式もUnity User Guideというものを出しているので、どうやらそういう路線みたいです。

##タブの説明
Unityの知識が前提となりますが、

Cocos Creator Unity 説明
Node Tree Hierarchy シーンに配置されているNodeが階層構造で確認できる
Assets Project 各種アセット、スクリプトを配置する
Scene Scene シーンを画面上で編集できる
Properties Inspector 選択したNodeのプロパティが確認できる
Console Console ログを確認できる
Timeline Animation アニメーションを生成できる

という役割になります。

##開発の流れ
画像や音声、フォントなどをAssetsに追加して、それをもとにSceneで画面を作っていくのが基本です。

実行はBrowserもしくはSimulatorで確認する事が出来ます。

kobito.1467613981.686734.png

再生ボタンを押すとブラウザが起動します。ログを見ながらそのまま動作させる事ができます。

kobito.1467614105.662585.png

右にあるリフレッシュボタンを押すと、ブラウザがリロードされ、修正した所を即座に確認する事ができます。
また(環境によっては表示されていないかもしれませんが)右上に緑字でIPアドレスが表示されている所にマウスオーバーをすると、QRコードが表示されます。そのQRコードをスマホで読むことで、スマホ上のブラウザでも動作を確認する事が出来ます。リフレッシュも効くので、解像度の違いでどう表示されるかを確認するのに非常に便利です。

##ネイティブ向けにビルドする
ProjectメニューのBuildからビルドする事が出来ます。

kobito.1467614762.929021.png

PlatformでiOSまたはAndroidを選択してパブリッシュする事が出来ます。Build、Compile、Playのそれぞれを順番に実行して下さい。初回はかなり時間がかかりますので気長に待ちましょう。

Androidの場合にはAndroid SDK、NDK、Apatch ANTの場所を指定する必要があります。ちなみに筆者環境だと最新のNDK r12b でビルドをしたところ、以下のエラーで失敗しました。

[armeabi-v7a] StaticLibrary  : libjscocos2d.a
[armeabi-v7a] StaticLibrary  : libcocos2d.a
[armeabi-v7a] StaticLibrary  : libcocostudio.a
[armeabi-v7a] StaticLibrary  : libcocosbuilder.a
[armeabi-v7a] StaticLibrary  : libspine.a
[armeabi-v7a] StaticLibrary  : libcreator.a
[armeabi-v7a] StaticLibrary  : libnetwork.a
[armeabi-v7a] StaticLibrary  : libui.a
[armeabi-v7a] StaticLibrary  : libcocosdenshion.a
[armeabi-v7a] StaticLibrary  : libextension.a
[armeabi-v7a] StaticLibrary  : libaudioengine.a
[armeabi-v7a] StaticLibrary  : libcocos2dxinternal.a
[armeabi-v7a] StaticLibrary  : libcocos2dandroid.a
[armeabi-v7a] StaticLibrary  : libcpufeatures.a
[armeabi-v7a] SharedLibrary  : libcocos2djs.so
/Users/y1row/NewProject/build/jsb-default/frameworks/cocos2d-x/cocos/base/CCConsole.cpp:392: error: undefined reference to 'bzero'
collect2: error: ld returned 1 exit status
make: *** [obj/local/armeabi-v7a/libcocos2djs.so] Error 1
Error running command, return code: 2.

r10e で成功したので、同じ状態になった場合にはNDKのバージョンを下げてみてください。

##リンク

35
26
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
35
26

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?