CocoStudioの紹介

株式会社TKS2 清水友晶

清水 友晶 �  株式会社TKS2 スマートフォンアプリ開発 (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

�  6/25発売 �  2,800円 ＋ 税 �  400ページ

�  6/18発売 �  2,980円 ＋ 税 �  312ページ

�  http://cocos2d-x.jp

�  cocos2d-x開発元Chukong Technologies社公認

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

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

�  cocos2d-xに関することなら何でも投稿できます!!

�  https://www.facebook.com/groups/cocos2dxjp/

�  10/11 第3回 cocos2d-x開発事例勉強会

�  10/17 shinjuku.cocos2d-x初心者ハンズオン 　　　　～CocosBuilderを利用した開発の進め方～

�  10/24 第13回 shinjuku.cocos2d-x

�  11/12 第7回テックヒルズ

�  11/14 shinjuku.cocos2d-x初心者ハンズオン 　　　　～cocos2d-xを利用したクロスプラットフォーム開発環境構築～

�  11/21 第14回 shinjuku.cocos2d-x

�  12/M shinjuku.cocos2d-x初心者ハンズオン 　　　　～CocosBuilderを利用した開発の進め方～

�  12/M 第15回 shinjuku.cocos2d-x

目次 �  CocoStudioとは

�  CocosBuilderは？

�  CocoStudioの紹介 �  Animation Editor �  UI Editor �  Scene Editor �  Data Editor

�  まとめ

CocoStudioとは �  UIやアニメーションをGUIで作成できるエディタ

�  cocos2d-x 2.2 �  cocos2d-x 3.0alpha �  cocos2d-html5 2.2

�  安定バージョン �  CocoStudio v1.0.0.0

�  無償 �  CocoStudioに含まれるもの

�  Animation Editor �  UI Editor �  Scene Editor �  Data Editor

CocoStudioとは �  動作環境

�  Windows XP, Windows 7, Windows 8 �  Microsoft .NET Framework 4 �  今のところMacは未対応 https://github.com/chukong

�  言語（現在ヘルプは中国語のみ） �  英語 �  中国語（簡体字）

�  残念ながらオープンソースではない

�  2012年初旬より開発が始まっている �  CocosBuilderで作成したccbファイルを読み込ませることができる

CocoStudioのインストール �  cocos2d-xサイトのダウンロードページよりCocoStduioをダウンロードすることができる http://www.cocos2d-x.org/download

�  ダウンロードしたCocoStudio_Full_V1.0.0.0.exeをダブルクリックし、手順に沿って進めるだけ �  CocoStudioの説明にはインストールが必要な項目が挙げられているが、上記とともにインストールされる http://www.cocos2d-x.org/wiki/CocoStudio

CocosBuilderは？ �  CocosBuilderはViktor Lidholt氏によって開発された

�  Viktor Lidholt氏 �  2011年　CocosBuilderの開発を行う �  2012年2月　Zynga社 �  2013年6月　Apportable社

�  Viktor Lidholt氏によるCocosBuilderの開発は2013年6月で止まっている 　https://github.com/cocos2d/CocosBuilder/network

�  CocosBuilderがオープンソース(MIT)でありGitHubで公開されているため、その改修を行うことも可能

�  現在も多くForkされており開発が続いている �  tiantian2007氏 �  ovenbits氏

CocosBuilderはこのまま死んでしまうのか。。。

SpriteBuilder � CocosBuilderの後継

�  Apportable社によりSpriteBuilderが開発されている

�  SpriteBuilderのホームページはまだないようです �  GitHub https://github.com/apportable/SpriteBuilder

CocoStudio �  CocoStudioの起動画面

Animation Editor �  スケルタルアニメーション（ボーンアニメーション）を作成することができる

�  Flashのプロジェクトを開くことができる（fla, xml）

�  衝突エリアの指定が可能

Animation Editor �  出力時、自動でテクスチャアトラスを作成してくれる

�  cocos2d-xにおいて利用するクラス �  AmatureDataManagerクラス �  Armatureクラス

UI Editor �  UIおよびアニメーションを作成することができる

�  機能としてはCocosBuilderと同じようなことができる

�  CocosBuilderのファイルを開くことができる（ccb）

UI Editor �  14種類のオブジェクトをセットすることができる

�  cocos2d-xにおいて利用するクラス �  UIxxxクラス

Scene Editor �  シーンを作成することができる

�  Animation EditorやUI Editorで作成したノードを利用

�  cocos2d-xにおいて利用するクラス �  SceneReaderクラス

Data Editor �  エクセルデータをKey-Valueデータへ変換するための確認ができる（xls, csv） �  JSON, SQLiteも将来的に対応予定

�  cocos2d-xにおいて利用するクラス �  JsonDictionaryクラス

まとめ �  CocosBuilder

�  直近ですぐにアプリをリリースする �  cocos2d-html5の開発には最適

�  CocoStudio �  Chukong社によりサポートされているため今後に期待 �  Windowsユーザは今すぐ利用するべき �  MonoDevelopによるMac対応が期待される

ハンズオンのご紹介 �  10/24 19:30~ 「第13回 shinjuku.cocos2d-x」

�  MacユーザでもOK （データはこちらで用意します）

�  内容 �  CocoStudioの紹介 �  CocoStudioの基本的な利用方法 �  CocoStudioにより作成したデータを、cocos2d-x上で動かす

おわり

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