SlideShare a Scribd company logo
かんたんなcocos2d-xの紹介

    株式会社TKS2 清水友晶
清水 友晶
—  株式会社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
おやこでスマほん
—  株式会社スマートエデュケーション
—  http://cocos2d-x.jp

—  cocos2d-x開発元Chukong Technologies社公認

—  cocos2d-xのための自由なコミュニティー

—  入門者から上級者まで誰でもOK!!ぜひご参加を!

—  cocos2d-xに関することなら何でも投稿できます!!
—  https://www.facebook.com/groups/152840204871454/
—  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
目次
—  cocos2d-xの紹介
—  cocos2d-xに関する情報収集
—  cocos2d for iPhoneからのかんたんな移植
—  かんたんな開発環境構築
—  開発をかんたんにするツール
cocos2d-xの紹介
—  2Dゲームフレームワーク
—  オープンソース(MITライセンス)
—  マルチプラットフォーム開発
  —  Android, iOS, …(7種類)
  —  Win32, Mac, Linux

—  開発言語 … C++, Lua, Javascript
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に関する書籍出版
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);
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();
かんたんな開発環境構築
—  クロスプラットフォーム開発用プロジェクトの作成が
 1コマンドで作成可能
 —  project-creator
     —  Android
     —  BlackBerry
     —  iOS
     —  Linux
     —  Mac
     —  Marmalade
     —  Win32
 —  すぐに開発可能なプロジェクトが生成される
開発をかんたんにするツール
             ツール名                      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   ○     ○
CocosBuilder
—  オープンソース
 (MIT)
—  レイヤー作成
—  複数アニメーション
 の作成
—  デザイナーがレイア
 ウトを調整できる
—  マルチレゾリュー
 ション対応が可能

         http://cocosbuilder.com
LevelHelper
—  レイヤー作成
—  物理エンジンの適用
 が可能

—  パラレックス作成
—  画像をパスに沿って
 移動することが可能

—  シミュレータ上で直
 ぐに確認
spine
—  アニメーション作成
—  Boneを複数連結させ
 ることでスムーズな
 アニメーションを作
 成する

—  ランタイムはオープ
 ンソース(BSD)




        http://esotericsoftware.com
Super Animation Converter
 —  Adobe Flashで作成さ
   れたswfファイルを、
   cocos2d-xで読込める
   形式(sam)に変換する

 —  複数アニメーションの
   作成




https://github.com/raymondlu/super-animation-samples
TexturePacker
—  テクスチャアトラス
 作成

—  条件によっては無料
 で利用可能




  http://www.codeandweb.com/texturepacker
zwoptex
—  テクスチャアトラス
 作成




      http://www.zwopple.com/zwoptex/
SpriteHelper
—  テクスチャアトラ
  ス作成

—  物理エンジンで利
  用可能なシェイプ
  を作成

—  フレームアニメー
  ション作成

—  LevelHelperと連
  携可能

  http://www.gamedevhelper.com/spritehelper/
PhysicsEditor
—  物理エンジンで利
 用可能なシェイプ
 を作成

—  条件によっては無
 料で利用可能




  http://www.codeandweb.com/physicseditor
GlyphDesigner
—  ビットマップフォ
 ント作成

—  グラデーション
—  アウトライン
—  シャドウ
—  日本語可



   http://www.71squared.com/glyphdesigner
ParticleDesigner
—  パーティクル作成
—  30以上のパラメー
 タをGUIで編集

—  公開されているパー
 ティクルを利用可能

—  ビューアで確認




  http://www.71squared.com/particledesigner
Tiled Map Editor
—  タイルマップ作成
—  正面から見た四角
—  斜めから見たひし
 形




        http://www.mapeditor.org
おわり

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

More Related Content

PPTX
Cocos2d-x(JS) ハンズオン #03「複数あるボタンの使い分け」
PPTX
Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」
PPTX
Cocos2d-x(JS) ハンズオン #02 「画像表示とアクション」
PPTX
Cocos2d-x(JS) ハンズオン #04「タッチイベントの使い方」
PDF
Cocos2d-x 3D Extension
PPTX
Cocos2d-x(JS) ハンズオン #05「Cocos StudioとCocos2d-x (JS)との連携」
PDF
Cocos2d-xを用いたゲームアプリ「めちゃギントン」開発の裏側
PPTX
Cocos2d-x(JS) ハンズオン #11「2D物理エンジン」
Cocos2d-x(JS) ハンズオン #03「複数あるボタンの使い分け」
Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」
Cocos2d-x(JS) ハンズオン #02 「画像表示とアクション」
Cocos2d-x(JS) ハンズオン #04「タッチイベントの使い方」
Cocos2d-x 3D Extension
Cocos2d-x(JS) ハンズオン #05「Cocos StudioとCocos2d-x (JS)との連携」
Cocos2d-xを用いたゲームアプリ「めちゃギントン」開発の裏側
Cocos2d-x(JS) ハンズオン #11「2D物理エンジン」

What's hot (20)

PPTX
Cocos2d-x(JS)の紹介
PDF
cocos2d-xを利用したパズドラ風ゲームの作成
PPTX
Cocos2d-x(JS) ハンズオン #10「3D機能とVR機能」
PDF
Cocos2d xで簡単なゲームを作ってみよう!
PPTX
Cocos2d-x(JS) ハンズオン #08「様々な画像描画方法」
PDF
Cocos2d-JSと物理演算で作る横スクロールアクションゲーム #scripty06
PPTX
Cocos2d-x(JS) ハンズオン #01 「はじめてのCocos2d-x (JS)」
PDF
Cocos2d-x 3.2 Eclipseを利用したAndroid開発環境の構築
PDF
Cocos Code IDEを使ってみた
PDF
cocos2d-xのすすめ
PPTX
Cocos2d-x(JS) ハンズオン #12「Cocos2d-xとSpine」
PDF
cocos2d-xとCocosBuilderでゲームを作ってみよう
PDF
cocos2d-xとCocos Code IDE
PDF
cocos2d-xにおけるマップエディタの利用
PDF
cocos2d-xとspine
PDF
CocosBuilderを利用した開発の進め方
PDF
cocos2d-xハンズオン勉強会 in 名古屋
PDF
Cocos2d-x実践講座 in 鹿児島
PDF
cocos2d-xとネイティブ間の連携
PDF
cocos2d-xとCocosBuilder
Cocos2d-x(JS)の紹介
cocos2d-xを利用したパズドラ風ゲームの作成
Cocos2d-x(JS) ハンズオン #10「3D機能とVR機能」
Cocos2d xで簡単なゲームを作ってみよう!
Cocos2d-x(JS) ハンズオン #08「様々な画像描画方法」
Cocos2d-JSと物理演算で作る横スクロールアクションゲーム #scripty06
Cocos2d-x(JS) ハンズオン #01 「はじめてのCocos2d-x (JS)」
Cocos2d-x 3.2 Eclipseを利用したAndroid開発環境の構築
Cocos Code IDEを使ってみた
cocos2d-xのすすめ
Cocos2d-x(JS) ハンズオン #12「Cocos2d-xとSpine」
cocos2d-xとCocosBuilderでゲームを作ってみよう
cocos2d-xとCocos Code IDE
cocos2d-xにおけるマップエディタの利用
cocos2d-xとspine
CocosBuilderを利用した開発の進め方
cocos2d-xハンズオン勉強会 in 名古屋
Cocos2d-x実践講座 in 鹿児島
cocos2d-xとネイティブ間の連携
cocos2d-xとCocosBuilder
Ad

Similar to かんたんなcocos2d-xの紹介 (20)

PDF
CocosBuilderとcocos2d-x JSB
PDF
Cocosサービスについて
PDF
cocos2d-x公開講座 in 鹿児島
PDF
Cocos2d-x v3.2を利用してシューティングゲームを作ろう!
PDF
cocos2d-xにおけるBox2Dの利用方法および便利なツール
PDF
Cocos2d-xおよび関連サービスについて
PDF
CocoStudioとcocos2d-xの連携2
PDF
Cocos2d xをさらにさわってみよう!
PDF
Cocos2d-x公開講座 in 鹿児島
PDF
cocos2d-xおよび開発ツールについて
PDF
cocos2d-xの概要とこれまでの進化・これからの展開
PDF
cocos2d-x 3.0による変更点
PDF
cocos2d-x JavaScript Bindingsについて
PDF
Cocos2d-xによる最新ゲーム開発
PDF
Macでcocos2d-x 2.1.2を使用した、Androidアプリの開発環境構築について
PDF
Cocos最新情報(2015/6/30)
KEY
Cocos2d xをさわってみよう!
PDF
Macでcocos2d-x 2.1.3を使用した、iOSアプリの開発環境構築について
PDF
実はかんたん!ゲームエンジンCocos2d-x入門
PDF
cocos2d-xで利用できる暗号化
CocosBuilderとcocos2d-x JSB
Cocosサービスについて
cocos2d-x公開講座 in 鹿児島
Cocos2d-x v3.2を利用してシューティングゲームを作ろう!
cocos2d-xにおけるBox2Dの利用方法および便利なツール
Cocos2d-xおよび関連サービスについて
CocoStudioとcocos2d-xの連携2
Cocos2d xをさらにさわってみよう!
Cocos2d-x公開講座 in 鹿児島
cocos2d-xおよび開発ツールについて
cocos2d-xの概要とこれまでの進化・これからの展開
cocos2d-x 3.0による変更点
cocos2d-x JavaScript Bindingsについて
Cocos2d-xによる最新ゲーム開発
Macでcocos2d-x 2.1.2を使用した、Androidアプリの開発環境構築について
Cocos最新情報(2015/6/30)
Cocos2d xをさわってみよう!
Macでcocos2d-x 2.1.3を使用した、iOSアプリの開発環境構築について
実はかんたん!ゲームエンジンCocos2d-x入門
cocos2d-xで利用できる暗号化
Ad

More from Tomoaki Shimizu (9)

PPTX
Cocos2d-x(JS) ハンズオン #13「SNS対応(Twitter, Facebook)」
PPTX
Cocos2d-x(JS) ハンズオン #09「ラベル・テキストボックス」
PPTX
Cocos2d-x(JS) ハンズオン #07「新エディタ Cocos Creator v1.0」
PPTX
Cocos2d-xにおけるモバイル開発〜将来を見据えた開発〜
PDF
タワーオブスペルズ x cocos2d-x
PDF
cocos2d-x 3.0 新しい物理演算クラスの利用
PDF
Macでcocos2d-x 3.0betaを使用した、クロスプラットフォーム開発環境構築について
PDF
Macでcocos2d-x 3.0alpha0を使用した、クロスプラットフォーム開発環境構築について
PDF
cocos2d-xにおけるデータ管理
Cocos2d-x(JS) ハンズオン #13「SNS対応(Twitter, Facebook)」
Cocos2d-x(JS) ハンズオン #09「ラベル・テキストボックス」
Cocos2d-x(JS) ハンズオン #07「新エディタ Cocos Creator v1.0」
Cocos2d-xにおけるモバイル開発〜将来を見据えた開発〜
タワーオブスペルズ x cocos2d-x
cocos2d-x 3.0 新しい物理演算クラスの利用
Macでcocos2d-x 3.0betaを使用した、クロスプラットフォーム開発環境構築について
Macでcocos2d-x 3.0alpha0を使用した、クロスプラットフォーム開発環境構築について
cocos2d-xにおけるデータ管理

かんたんなcocos2d-xの紹介