CocosBuilderの紹介

10,401 views
10,346 views

Published on

第十三回yidev用の資料

Published in: Technology

CocosBuilderの紹介

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

×