cocos2d-xとCocos Code IDE

1. cocos2d-xとCocos Code IDE
株式会社TKS2 清水友晶

2. 清水 友晶
— 株式会社TKS2
スマートフォンアプリ開発
Webコンテンツ開発
— 日本cocos2d-xユーザ会代表
講演活動
執筆活動
— チラ裏開発メモ: http://tks2.net/memo
— SlideShare:
http://www.slideshare.net/doraemonsss

4. — 6/25発売
— 2,800円 ＋ 税
— 400ページ
— 6/18発売
— 2,980円 ＋ 税
— 312ページ
— 日経ソフトウェア
2014年2月号

5. — 「タワーオブスペルズ」
開発インタビュー
— 「Cocos2d-x特集」寄稿
— 「YouTubeでプレイ動画を公
開！」特集にて「タワーオブ
スペルズ」を提供
— 5/29発売
MacPeople 2014年7月号

6. — 日本cocos2d-xユーザ会
http://cocos2d-x.jp
— cocos2d-x開発元Chukong Technologies社公認
— cocos2d-xのための自由なコミュニティー
— 入門者から上級者まで誰でもOK!!ぜひご参加を! (1500人以上参加)
— cocos2d-xに関することなら何でも投稿できます!!
— https://www.facebook.com/groups/cocos2dxjp/

7. — 6/20 第5回 cocos2d-x開発事例勉強会
— 6/25 GTMF 2014 in 大阪
— 6/26 第21回 shinjuku.cocos2d-x
— 7/18 GTMF 2014 in 東京
— 7/24 第22回 shinjuku.cocos2d-x
— 7/30 第6回 cocos2d-x開発事例勉強会

8. 目次
— Cocos Code IDEとは
— Cocos Code IDEデモ
— コード補完
— シミュレータ
— エラー表示
— ブレイクポイント
— Cocos Code IDEにふれる

9. Cocos Code IDE
— cocos2d-x専用エディタ
— Lua
— JavaScript
— 特徴
— コード補完
— すぐに反映される
シミュレータ
— エラー表示
— ブレークポイント
— 簡単な設定

10. コード補完

11. シミュレータ
— Mac
— iOS
— Android

12. エラー表示

13. ブレイクポイント

14. 環境構築
— Cocos Code IDEのインストール
— 任意のディレクトリに配置
— 初期設定
— Cocos Code IDEのメニューから「環境設定」を選択
— Android関連のパスを設定
— Cocos2d-JSのパスを設定
— Cocos2d-xのパスを設定
— プロジェクト作成
— File > New > Project

15. Cocos Code IDEにふれる
— 作成するゲームは1 25を順番にタップするゲーム
— リソース
— http://goo.gl/geYWwC

16. カードを表示
— カードの表示
— cc.Sprite
— 位置の指定
— cc.p
— ソースはこちら
http://goo.gl/YQhC14

17. タップ処理
— タップ処理を有効にする
— this.setTouchEnabled(true);
— this.setTouchMode(cc.TOUCH_ONE_BY_ONE);
— タップ処理を取得する
— onTouchBegan
— onTouchMoved
— onTouchEnded
— onTouchCanceled
— ソースはこちら
http://goo.gl/lmYmRc

18. ゲーム時間の表示
— スケジュール
— this.schedule(this.measureGametime);
— this.unschedule(this.measureGametime);
— measureGametime:function(dt)
— ラベルの表示
— cc.LabelTTF
— ソースはこちら
http://goo.gl/5T8Vna

19. ハイスコアの表示
— ユーザデータの保存
— sys.localStorage
— ソースはこちら
http://goo.gl/YocqEZ

20. リロードボタン
— ボタン
— cc.MenuItemLabel
— cc.Menu
— ソースはこちら
http://goo.gl/1yhjk2
— 完成！！

21. おわり
— ありがとうございました