実はかんたん！ゲームエンジンCocos2d-x入門
7 likes8,560 views
2/28(土) オープンソースカンファレンス2015 Tokyo/Springにて講演した資料です。
実はかんたん！ゲームエンジンCocos2d-x入門
- 2. 清水 友晶 ž Chukong Technologies Japan株式会社 — エンジニアリングディレクタ ○ Cocos2d-x関連サービスの開発 ○ Cocos2d-x広報 ž プライベート — Cocos2d-x関連の執筆 — Cocos2d-xを利用したゲームの開発 — マイブーム ○ Cocos2d-JS ○ Cocos Code IDE
- 3. 今日の内容 ž Cocos2d-xとは — ゲームエンジンとは — Cocos2d-x — Cocos2d-JS ž Cocos2d-x入門 — 環境構築 — プロジェクト作成・実行 — デモ ž Cocos2d-JS入門 — 環境構築 — プロジェクト作成・実行 — デモ 簡単！
- 5. ゲームエンジンとは ž ゲームを開発する上で、必要な機能が詰め込まれ たもの — テクスチャの表示 — アニメーション — BGM再生 ž コンシューマゲームでは、自社開発している企業 も多い ž 販売されているゲームエンジンの価格はピンキリ ž 近年話題になるゲームエンジンは、Unityや Unreal Engineなどスマホゲームが開発できる
- 6. Cocos2d-xとは ž http://www.cocos2d-x.org ž ゲームエンジン — 主に2Dゲーム向け — Cocos2d-x v3.1より3Dにも対応 ž オープンソース — MITライセンス ž クロスプラットフォーム開発 — モバイル …iOS, Android, Windows Phone — デスクトップ …Windows, Mac OS X, Linux ž 軽量・快速 — コアエンジンはC++で書かれている ž シンプルかつ簡単に学べるAPI群
- 7. Cocos2d-xとは ž 最新版: Cocos2d-x v3.4 ž 開発版: Github — https://github.com/cocos2d/cocos2d-x ž 開発者総数 300人以上 ž 開発の主体 — Chukong Technologies社 ž 開発リーダー — 〜v2.x 王哲 氏(Cocos2d-xの生みの親) — v3.x〜 Ricardo Quesada 氏 (Cocos2dの生みの親)
- 8. Cocos2d-xが利用されているアプリ ž 大手ゲーム会社に利用されている — Zynga, Wooga, Glu, IGG, Big Fish Games, Fingersoft, Gamevil, GREE, DeNA, Konami, CJ E&M, NHN, LINE, Square Enix, Disney Mobile, …
- 9. Cocos2d-xのシェア ž 日本 … 21% (Unity 36%) — 1 — 2 — 3 — 4 — 5 — 6 — 7 — 8 — 9 — 10
- 10. Cocos2d-JS ž 最新版: Cocos2d-JS v3.3 ž 開発版: Github上 — https://github.com/cocos2d/cocos2d-html5 ž Cocos2d-xのHTML5バージョン — Cocos2d-html5 — Cocos2d-x JavaScript Binding (JSB) ž 対応OS・ブラウザ — iOS, Android, Windows Phone 8, Mac, Windows — Chrome, Safari, IE, Firefox ž SpiderMonkeyを利用 (JavaScript VM) — JavaScript ó C++ (Cocos2d-x)
- 11. Cocos Studio ž Cocos2d-x専用エディタ — http://www.cocos2d-x.org/wiki/CocoStudio ž 開発: Chukong Technologies社 ž 最新版 Win, Mac … v2.1 ž 無料 ž Cocos2d-xサイトからダウンロード ž 各種エディタ — アニメーションエディタ — UIエディタ
- 12. Cocos Code IDE ž Cocos2d-x Lua, Cocos2d-JS用IDE — http://www.cocos2d-x.org/products/codeide ž 開発: Chukong Technologies社 ž 最新版 Win, Mac … v1.2.0 ž 無料 ž Cocos2d-xサイトからダウンロード ž 多機能 — ライブコーディング — 1クリックでAPK, IPA作成 — 自動補完機能 — コードヒント機能 — 1クリックでアプリを起動 — 強力なデバッグ機能 — コードスニペッツ機能
- 14. Cocos2d-x v3.4環境構築 ž Cocos2d-xはフレームワークであるため、作成 するアプリ毎に環境が必要 ž 下記とは別に、Python 2.7が必要 （Macは標準でインストールされている） Xcode 5.1以降 Xcode 5.1以降 gcc 4.9以降 Visual Studio 2012以降 Visual Studio 2012以降 SDK NDK r10c ANT
- 15. Cocos2d-x v3.4環境構築 ž setup.pyの実行 — 環境変数の登録を行う ○ COCOS_CONSOLE_ROOT（自動） ○ COCOS_TEMPLATES_ROOT（自動） ○ NDK_ROOT（Android用に必要、パス入力） ○ ANDROID_SDK_ROOT（Android用に必要、パス入力） ○ ANT_ROOT（Android用に必要、パス入力） ž 環境変数を反映 — Windows ○ コマンドプロンプトの再起動 — Mac, Linux ○ sourceコマンドの実行、もしくはターミナル再起動
- 16. プロジェクトの作成・実行 ž プロジェクト作成 … cocos newコマンド — コマンド実行には以下のオプションが必要 ○ プロジェクト名 ○ -l … 開発言語（C++: cpp, Lua: lua, JavaScript: js） — コマンドの例 ○ cocos new CocosProject –l cpp ž プロジェクト実行 … cocos runコマンド — コマンド実行には以下のオプションが必要 ○ -p … プラットフォーム（iOS: ios, Android: android, …） — コマンドの例 ○ cocos run –p ios
- 19. Cocos2d-JS + Code IDE環境構築 ž Cocos Code IDEの環境設定
- 20. プロジェクトの作成 ž New è Cocos Javascriptプロジェクト
- 22. Cocos2d-x最新情報 ž 公式サイト — http://cocos2d-x.org ž Facebook — https://www.facebook.com/cocos2dx — https://www.facebook.com/cocos2dxjapanese ž Twitter — @cocos2dx — @cocos2dx_jp ž SlideShare — http://www.slideshare.net/ChukongJapan
- 23. 今後のイベント予定 ž オープンソースカンファレンス2015 Tokyo/Spring — 2/27(金)28(土) 東京 ž Cocos2d-x Talks #2 — 3/13(金) 東京・六本木 GREE様 — https://atnd.org/events/62594 ž Cocos2d-x Talks #3 — 4/27(月) 東京・品川 ネクスト様 ž Game Tools & Middleware Forum 2015 — 7/7(火) 大阪 — 7/17(金) 東京 — http://gtmf.jp/2015/
- 24. ž Chukong Technologies Japanでは、 人材を募集しております — エンジニア ○ Cocos2d-x関連サービスの開発 ○ Webサービスの開発 — デザイナー ○ Webデザインほか — スタッフ ○ 経理 ○ 総務
- 25. ご清聴ありがとうございました