cocos2d-xの開発に欠かせないCocosBuilderについて

1. cocos2d-xの開発に欠かせない
CocosBuilderについて
株式会社TKS2 清水友晶

2. 清水 友晶
— 株式会社TKS2
スマートフォンアプリ開発
(iOS, Android, Windows Phone 8)
Webコンテンツ開発
— cocos2d-xへの開発参加
cocos2d-xを利用したアプリ開発
講演活動
執筆活動
— Twitter: tks2shimizu
— Blog: http://tks2.net/memo
— SlideShare: http://www.slideshare.net/doraemonsss
— Facebook: http://www.facebook.com/doraemonsss

3. — 6/25発売
— 2,800円 ＋ 税
— 400ページ
— 6/18発売
— 2,980円 ＋ 税
— 312ページ

4. — http://cocos2d-x.jp
— cocos2d-x開発元Chukong Technologies社公認
— cocos2d-xのための自由なコミュニティー
— 入門者から上級者まで誰でもOK!!ぜひご参加を!
— cocos2d-xに関することなら何でも投稿できます!!
— https://www.facebook.com/groups/cocos2dxjp/

5. — 8/23 第2回cocos2d-x開発技術勉強会
— 8/29 第11回 shinjuku.cocos2d-x
— 9/12 shinjuku.cocos2d-x初心者ハンズオン
∼cocos2d-xを利用したクロスプラットフォーム開発環境構築∼
— 9/26 第12回 shinjuku.cocos2d-x
— 10/M shinjuku.cocos2d-x初心者ハンズオン
∼CocosBuilderを利用した開発の進め方∼
— 10/M 第13回 shinjuku.cocos2d-x

6. 目次
— CocosBuilderとは
— CocosBuilderデモ
— 本に載っていない使い方
— CocosBuilderに関するハンズオンの紹介

7. CocosBuilderとは
— http://cocosbuilder.com
— cocos2dのレイアウトやアニメーションをGUIで調整可能
— オープンソース(MITライセンス)
— 最新版CocosBuilder 3.0 Alpha
— JSB(JavaScript bindings)の機能が大幅に追加
— CocosPlayer (for JSB)
— cocos2d-xやcocos2d-iphoneでも利用可能
— cocos2d-xではCCBReaderクラスを利用して連携可能
— 初心者向けの主な情報源
— CocosBuilder User Guide
— cocos2d-xサンプル「TestCpp」

8. CocosBuilderでの注意
— 次のバージョンに揃える必要がある
— cocos2d-x 2.1.4 (cocos2d-x 3.0 alpha0-pre)
— CocosBuilder 3.0 alpha 5
— Mac OS X 10.8を使用すること
— Mac OS X 10.7以前の場合、ファイルを読込めないバグがある
— 参考になるプロジェクト
— cocos2d-xプロジェクト
— cocos2d-x-2.1.4/samples/Cpp/TestCpp
— CocosBuilderプロジェクト
— cocos2d-x-2.1.4/samples/Cpp/TestCpp/Resources/
CocosBuilderExample.ccbproj

9. 本に載っていない情報
— ガイドの操作
— 効果音
— コールバック関数
— パーティクル
— タイムラインの編集
— Sprite Sheetの取り込み
— Smart Sprite Sheetの利用

10. ガイドの操作
— ガイドの追加
— ものさし上からドラッグ&ドロップ
— ガイドの移動
— command + クリック è マウスの移動
— ガイドの削除
— ガイドを画面外へ移動する
— ガイドにスナップ
— できません。ソース上でコメントアウトされている
— なぜ使用不可なのか不明…
— CocosScene.m 823 843行目をアンコメントし、適切に修正
することで利用可能になるかも?

11. 効果音
— キーフレームの追加は、alt + クリック
— 設定はキーフレームをダブルクリック
— Resourcesに含まれる音声ファイルから選択

12. コールバック関数
— キーフレームの追加は、alt + クリック
— 設定はキーフレームをダブルクリック
— C++の場合は、onResolveCCBCallFuncSelector関数
にて設定
è CCB_SELECTORRESOLVER_CALLFUNC_GLUEマクロ

13. パーティクル
— FXボタンをクリックするとパーティクルが作成できる
— 使い勝手はParticleDesignerの方が良い

14. タイムラインの編集
— キーフレームをダブルクリックすることにより、簡単
に編集可能
— キーフレームのコピー&ペーストが可能
— キーフレームを複数選択することで、Animationメ
ニューより次の項目が利用可能
— Reverse Selected Keyframes
èキーフレームの順序を反転する
— Stretch Selected Keyframes...
èキーフレームの間隔を変更する

15. Sprite Sheetの取り込み
— TexturePackerなどで作成されたSprite Sheetは、
CocosBuilderから読み込み可能なディレクトリに配置する
だけで利用可能
— xxxx.plist
— xxxx.png
— 一連の画像から一度にキーフレームを作成することが可能
— Create Keyframes from Selection

16. Smart Sprite Sheetの利用
— ディレクトリのコンテキストメニュー
— Make Smart Sprite Sheetを選択
— Edit Smart Sprite Sheet...を選択

17. CocosBuilderを利用した
ハンズオンの予定
— 8/29(木)
第11回 shinjuku.cocos2d-x
— 10/M
shinjuku.cocos2d-x初心者ハンズオン
∼CocosBuilderを利用した開発の進め方∼

18. おわり
— ご清聴ありがとうございました。