More Related Content
Similar to CocosBuilderの紹介 (20)
CocosBuilderの紹介
- 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日土曜日
- 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日土曜日
- 10. CocosBuilderの使い方
ccbi
（バイナリ）
ccb Publish
（xml）
CCBReader
#import "CCBReader.h"
CCScene *scene = [CCBReader
sceneWithNodeGraphFromFile:@"exampleScene.ccbi"];
[[CCDirector sharedDirector] replaceScene:scene];
13年2月23日土曜日
- 12. アニメーション作成が容易に
http://www.youtube.com/watch?v=DGC6ilj_1BM
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日土曜日
- 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日土曜日
- 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日土曜日
- 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日土曜日
- 28. に依頼してみた
Hi, do you have Japanese tutorial? I'm
very interested in your tutorial.
especially about Cocos2d.
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日土曜日
