Download as PDF, PPTX
![CocosBuilderの使い方
ccbi
（バイナリ）
ccb Publish
（xml）
CCBReader
#import "CCBReader.h"
CCScene *scene = [CCBReader
sceneWithNodeGraphFromFile:@"exampleScene.ccbi"];
[[CCDirector sharedDirector] replaceScene:scene];
13年2月23日土曜日](https://image.slidesharecdn.com/cocosbuilder-130223021334-phpapp01/85/CocosBuilder-10-320.jpg)
![コードとの連携②
MainMenuLayer.m
#define PLAY_BUTTON_TAG 1
#define OPTIONS_BUTTON_TAG 2
#define ABOUT_BUTTON_TAG 3
- (void)buttonPressed:(id)sender
{
CCControlButton *button = (CCControlButton *)sender;
switch (button.tag) {
case PLAY_BUTTON_TAG:
[[CCDirector sharedDirector] replaceScene:[CCBReader
sceneWithNodeGraphFromFile:@"GameScene.ccbi"]];
break;
case OPTIONS_BUTTON_TAG:
[[CCDirector sharedDirector] replaceScene:[CCBReader
sceneWithNodeGraphFromFile:@"OptionsScene.ccbi"]];
break;
case ABOUT_BUTTON_TAG:
[[CCDirector sharedDirector] replaceScene:[CCBReader
sceneWithNodeGraphFromFile:@"AboutScene.ccbi"]];
break;
}
}
13年2月23日土曜日](https://image.slidesharecdn.com/cocosbuilder-130223021334-phpapp01/85/CocosBuilder-15-320.jpg)
CocosBuilderの紹介
- 1. CocosBuilderの紹介 KLab（くらぶ）株式会社 村上 雅裕 13年2月23日土曜日
- 2. 自己紹介 • 村上 雅裕（@murapong) • KLab（くらぶ）株式会社でiOS向けの ゲーム開発 • http://murapong.hatenablog.com/ ロード・オブ・ 真・戦国バスター キャプテン翼 恋してキャバ嬢GP 真・三国志バスター 召喚アルカディア ザ・ドラゴン and more... 13年2月23日土曜日
- 3. アジェンダ • これまでのcocos2dでの開発 • CocosBuilderの紹介 • FAQ • まとめ 13年2月23日土曜日
- 4. cocos2dとは？ • cocos2d-iphone • オープンソース（MIT） • Objective-C • iOS向け2Dゲームエンジン 13年2月23日土曜日
- 5. これまでのcocos2d での開発 13年2月23日土曜日
- 6. UIレイアウト 1. オブジェクトの大きさ／位置を予測し てコーディング 2. ビルド／実行して確認 3. もうちょっと右だった。。。 4. 1へ戻る 直感的にレイアウトできないため上記を繰り返す 13年2月23日土曜日
- 7. アニメーション • 複雑なアニメーションもコードで書く • あとから見てもどこをどう修正すれば いいのか直感的にわかりづらい • ビルド／実行しないと確認ができない Flashのようなアニメーション作成ツールが欲しい 13年2月23日土曜日
- 8. CocosBuilderとは？ • cocos2dのUIレイアウト／アニメーション作成ツール • オープンソース（MIT） • 安定版は2.1 • ZyngaのViktor Lidholt氏によって開発 • もちろんZyngaでも使われている Dream PetHouse Slots by Zynga 13年2月23日土曜日
- 9.
- 10. CocosBuilderの使い方 ccbi （バイナリ） ccb Publish （xml） CCBReader #import "CCBReader.h" CCScene *scene = [CCBReader sceneWithNodeGraphFromFile:@"exampleScene.ccbi"]; [[CCDirector sharedDirector] replaceScene:scene]; 13年2月23日土曜日
- 11. 複数の解像度に対応 マルチデバイス対応も可能 13年2月23日土曜日
- 12. アニメーション作成が容易に http://www.youtube.com/watch?v=DGC6ilj_1BM 13年2月23日土曜日
- 13. Sprite Sheetにも対応 • メモリの節約 • CocosBuilder3では書き出しも可能に 13年2月23日土曜日
- 14. コードとの連携① 「Play」ボタンを押すと、MainMenuLayer クラスにあるbuttonPressed:を呼び出す 13年2月23日土曜日
- 15. コードとの連携② MainMenuLayer.m #define PLAY_BUTTON_TAG 1 #define OPTIONS_BUTTON_TAG 2 #define ABOUT_BUTTON_TAG 3 - (void)buttonPressed:(id)sender { CCControlButton *button = (CCControlButton *)sender; switch (button.tag) { case PLAY_BUTTON_TAG: [[CCDirector sharedDirector] replaceScene:[CCBReader sceneWithNodeGraphFromFile:@"GameScene.ccbi"]]; break; case OPTIONS_BUTTON_TAG: [[CCDirector sharedDirector] replaceScene:[CCBReader sceneWithNodeGraphFromFile:@"OptionsScene.ccbi"]]; break; case ABOUT_BUTTON_TAG: [[CCDirector sharedDirector] replaceScene:[CCBReader sceneWithNodeGraphFromFile:@"AboutScene.ccbi"]]; break; } } 13年2月23日土曜日
- 16.
- 17. LevelHelperよりも ユーザ数は多い！？ http://www.learn-cocos2d.com/2012/11/cocos2d-developer-survey-results/ cocos2dユーザのアンケート結果。 母数が少ないため参考程度に。 13年2月23日土曜日
- 18. CocosBuilder3 • CocosPlayer • CocosBuilderでの修正内容を再ビルドなしでシ ミュレータ／実機に反映。Javascript bindings 用 • Smart Sprite Sheet • フォルダにあるイメージを自動的にiPhone, iPad, Retina, Android用の解像度にリサイズし てSprite Sheetを作成 13年2月23日土曜日
- 19. CocosPlayer http://www.youtube.com/watch?v=WrLjsV_GulQ 13年2月23日土曜日
- 20.
- 21. Q: CocosBuilder上から ファイルが消せません 仕様っぽい。Finder経由で消しましょう。 13年2月23日土曜日
- 22. Q: cocos2d 1.xを使っている場合は どうするべきか？ http://www.cocos2d-iphone.org/forum/topic/35582 • CCB1はもうサポート対象外なので、cocos2d 2系へ移 行する（CCB2を使う）ことをオススメ • そもそもCCB1はアニメーション作成の機能が無いため 恩恵が少ない 13年2月23日土曜日
- 23. Q: 変更が反映されない のはなぜですか？ • Publishするときに未保存の変更があっ てもCocosBuilderは警告してくれな い。Publish前には必ず保存するように • それでも反映されない場合は、一旦 ccbiを削除してからPublish 13年2月23日土曜日
- 24. Q: CocosBuilderってcocos2dでし か使えないんでしょ？ • cocos2dだけでなくcocos2d-x、 AndEngineとも連携ができる • つまりAndroidのゲーム開発にも使え るんです！ 13年2月23日土曜日
- 25. Q: どうやって学べばいいの？ • http://code.zynga.com/2012/10/creating-a- game-with-cocosbuilder/（Zyngaのエンジニアブロ グ） • http://www.raywenderlich.com/23996/ introduction-to-cocosbuilder（raywenderlich） • オススメというよりも現状ほぼこの二択しか無い。英 語のガッツリ系チュートリアル 13年2月23日土曜日
- 26. 日本語で読みたいで すよね？ 13年2月23日土曜日
- 27.
- 28. に依頼してみた Hi, do you have Japanese tutorial? I'm very interested in your tutorial. especially about Cocos2d. 13年2月23日土曜日
- 29.
- 30. http://www.raywenderlich.com/23996/introduction-to-cocosbuilder Introduction to CocosBuilder の翻訳の許可が下りました（汗） 13年2月23日土曜日
- 31.
- 32. http://www.raywenderlich.com/ja/32449/cocosbuilder%E5%85%A5%E9%96%80 raywenderlich上でCocosBuilderの 日本語チュートリアル公開！(2013/2/15) 13年2月23日土曜日
- 33. URLがわかりづらいので 「CocosBuilder入門」 でググってください 13年2月23日土曜日
- 34. まとめ • UIレイアウト／アニメーションをコードで書 くと非常に手間がかかる。生産性をあげるた めに専用ツールを使おう • CocosBuilderはcocos2d-xとも連携でき る。つまりiOSだけでなくAndroidのゲーム開 発にも使える • もしCocosBuilderでうまく行かなかったら、 今まで通りコードで書けばいいんだよ 13年2月23日土曜日
- 35. 参考URL • http://cocosbuilder.com/ • https://github.com/cocos2d/CocosBuilder • http://code.zynga.com/2012/10/creating-a-game-with-cocosbuilder/ • http://www.raywenderlich.com/23996/introduction-to-cocosbuilder • http://www.raywenderlich.com/ja/32449/cocosbuilder%E5%85%A5%E9%96%80 • http://cocosbuilder.com/?p=191 • http://cbbandtqb.seesaa.net/article/311275851.html • http://www.learn-cocos2d.com/2012/11/cocos2d-developer-survey-results/ • http://www.youtube.com/watch?v=kGQVRfVxmEY • http://www.youtube.com/watch?v=DGC6ilj_1BM • http://www.youtube.com/watch?v=eJTyXQmJ3d0 • http://www.youtube.com/watch?v=WrLjsV_GulQ 13年2月23日土曜日
- 36. ご清聴ありがとう ございました 13年2月23日土曜日