Successfully reported this slideshow.

かんたんなcocos2d-xの紹介

12

Share

1 of 24
1 of 24

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

かんたんなcocos2d-xの紹介

  1. 1. かんたんなcocos2d-xの紹介 株式会社TKS2 清水友晶
  2. 2. 清水 友晶 —  株式会社TKS2 http://tks2.net —  スマートフォンアプリ開発 (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. 3. おやこでスマほん —  株式会社スマートエデュケーション
  4. 4. —  http://cocos2d-x.jp —  cocos2d-x開発元Chukong Technologies社公認 —  cocos2d-xのための自由なコミュニティー —  入門者から上級者まで誰でもOK!!ぜひご参加を! —  cocos2d-xに関することなら何でも投稿できます!! —  https://www.facebook.com/groups/152840204871454/
  5. 5. —  4/10 shinjuku.cocos2d-x初心者ハンズオン     ∼WindowsでAndroidアプリを作ろう!∼ —  4/11 第4回XPFゲーム開発ツール勉強会 —  4/17 第7回 shinjuku.cocos2d-x —  4/20 cocos2d-xハンズオン勉強会 —  5/15 shinjuku.cocos2d-x初心者ハンズオン     ∼MacでiOSアプリを作ろう!∼ —  5/22 第8回 shinjuku.cocos2d-x —  6/M shinjuku.cocos2d-x初心者ハンズオン     ∼MacでAndroidアプリを作ろう!∼ —  6/M 第9回 shinjuku.cocos2d-x
  6. 6. 目次 —  cocos2d-xの紹介 —  cocos2d-xに関する情報収集 —  cocos2d for iPhoneからのかんたんな移植 —  かんたんな開発環境構築 —  開発をかんたんにするツール
  7. 7. cocos2d-xの紹介 —  2Dゲームフレームワーク —  オープンソース(MITライセンス) —  マルチプラットフォーム開発 —  Android, iOS, …(7種類) —  Win32, Mac, Linux —  開発言語 … C++, Lua, Javascript
  8. 8. cocos2d-xに関する情報収集 —  Google検索 —  2012年10月 —  "cocos2d-x" … 851,000件 —  "cocos2d-x 日本語" … 9,960件 —  2013年4月 —  "cocos2d-x" … 1,170,000件 —  "cocos2d-x 日本語" … 26,000件 —  cocos2d-x Wikiが充実 http://www.cocos2d-x.org/projects/cocos2d-x/wiki —  cocos2d-x.jp community https://www.facebook.com/groups/152840204871454/ —  cocos2d-xに関する書籍出版
  9. 9. cocos2d for iPhoneからの かんたんな移植 —  同じクラス名が用意されている —  CCSpriteクラス —  cocos2d for iPhone CCSprite *bg = [CCSprite spriteWithFile:@"bg.png"]; —  cocos2d-x CCSprite* bg = CCSprite::create("bg.png"); —  CCLabelTTFクラス —  cocos2d for iPhone CCLabelTTF* label = [CCLabelTTF labelWithString:@ Hello World" fontName:@"Marker Felt" fontSize:64]; —  cocos2d-x CCLabelTTF* label = CCLabelTTF::create("Hello World , "Marker Felt , 64);
  10. 10. cocos2d for iPhoneからの かんたんな移植 —  cocoaに似たクラス・構造体が用意されている —  CCString(NSString)クラス —  cocos2d for iPhone NSString* hello = [NSString stringWithFormat:@ Hello%d , 123]; —  cocos2d-x CCString* hello = CCString::createWithFormat( Hello%d , 123); —  CCSize(CGSize)構造体 —  cocos2d for iPhone CGSize size = [[CCDirector sharedDirector] winSize]; —  cocos2d-x CCSize size = CCDirector::sharedDirector->getWinSize();
  11. 11. かんたんな開発環境構築 —  クロスプラットフォーム開発用プロジェクトの作成が 1コマンドで作成可能 —  project-creator —  Android —  BlackBerry —  iOS —  Linux —  Mac —  Marmalade —  Win32 —  すぐに開発可能なプロジェクトが生成される
  12. 12. 開発をかんたんにするツール ツール名 Win Mac   CocosBuilder OSS - ○   LevelHelper $24.99 - ○   spine $55.00 ○ ○   Super Animation Converter Free - ○   TexturePacker ¥3,019 ○ ○   zwoptex $15.00 - ○   SpriteHelper $19.99 - ○   PhysicsEditor ¥2,011 ○ ○   GlyphDesigner ¥3,600 - ○   ParticleDesigner ¥1,340 - ○   Tiled Map Editor Donate ○ ○
  13. 13. CocosBuilder —  オープンソース (MIT) —  レイヤー作成 —  複数アニメーション の作成 —  デザイナーがレイア ウトを調整できる —  マルチレゾリュー ション対応が可能 http://cocosbuilder.com
  14. 14. LevelHelper —  レイヤー作成 —  物理エンジンの適用 が可能 —  パラレックス作成 —  画像をパスに沿って 移動することが可能 —  シミュレータ上で直 ぐに確認
  15. 15. spine —  アニメーション作成 —  Boneを複数連結させ ることでスムーズな アニメーションを作 成する —  ランタイムはオープ ンソース(BSD) http://esotericsoftware.com
  16. 16. Super Animation Converter —  Adobe Flashで作成さ れたswfファイルを、 cocos2d-xで読込める 形式(sam)に変換する —  複数アニメーションの 作成 https://github.com/raymondlu/super-animation-samples
  17. 17. TexturePacker —  テクスチャアトラス 作成 —  条件によっては無料 で利用可能 http://www.codeandweb.com/texturepacker
  18. 18. zwoptex —  テクスチャアトラス 作成 http://www.zwopple.com/zwoptex/
  19. 19. SpriteHelper —  テクスチャアトラ ス作成 —  物理エンジンで利 用可能なシェイプ を作成 —  フレームアニメー ション作成 —  LevelHelperと連 携可能 http://www.gamedevhelper.com/spritehelper/
  20. 20. PhysicsEditor —  物理エンジンで利 用可能なシェイプ を作成 —  条件によっては無 料で利用可能 http://www.codeandweb.com/physicseditor
  21. 21. GlyphDesigner —  ビットマップフォ ント作成 —  グラデーション —  アウトライン —  シャドウ —  日本語可 http://www.71squared.com/glyphdesigner
  22. 22. ParticleDesigner —  パーティクル作成 —  30以上のパラメー タをGUIで編集 —  公開されているパー ティクルを利用可能 —  ビューアで確認 http://www.71squared.com/particledesigner
  23. 23. Tiled Map Editor —  タイルマップ作成 —  正面から見た四角 —  斜めから見たひし 形 http://www.mapeditor.org
  24. 24. おわり —  ご清聴ありがとうございました。

×