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

清水 友晶 �  株式会社TKS2 スマートフォンアプリ開発 Webコンテンツ開発

�  日本cocos2d-xユーザ会代表 講演活動 執筆活動

�  チラ裏開発メモ: http://tks2.net/memo

�  SlideShare: http://www.slideshare.net/doraemonsss

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

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

�  日経ソフトウェア2014年2月号

� 「タワーオブスペルズ」 　開発インタビュー

� 「Cocos2d-x特集」寄稿 � 「YouTubeでプレイ動画を公開！」特集にて「タワーオブスペルズ」を提供

� 5/29発売

MacPeople 2014年7月号

�  日本cocos2d-xユーザ会 http://cocos2d-x.jp

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

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

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

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

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

�  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開発事例勉強会

目次 �  Cocos Code IDEとは

�  Cocos Code IDEデモ �  コード補完 �  シミュレータ �  エラー表示 �  ブレイクポイント

�  Cocos Code IDEにふれる

Cocos Code IDE �  cocos2d-x専用エディタ

�  Lua �  JavaScript

�  特徴 �  コード補完 �  すぐに反映される シミュレータ

�  エラー表示 �  ブレークポイント �  簡単な設定

コード補完

シミュレータ �  Mac

�  iOS

�  Android

エラー表示

ブレイクポイント

環境構築 �  Cocos Code IDEのインストール

�  任意のディレクトリに配置

�  初期設定 �  Cocos Code IDEのメニューから「環境設定」を選択

�  Android関連のパスを設定 �  Cocos2d-JSのパスを設定 �  Cocos2d-xのパスを設定

�  プロジェクト作成 �  File > New > Project

Cocos Code IDEにふれる �  作成するゲームは1~25を順番にタップするゲーム

�  リソース �  http://goo.gl/geYWwC

カードを表示 �  カードの表示

�  cc.Sprite

�  位置の指定 �  cc.p

�  ソースはこちら http://goo.gl/YQhC14

タップ処理 �  タップ処理を有効にする

�  this.setTouchEnabled(true); �  this.setTouchMode(cc.TOUCH_ONE_BY_ONE);

�  タップ処理を取得する �  onTouchBegan �  onTouchMoved �  onTouchEnded �  onTouchCanceled

�  ソースはこちら http://goo.gl/lmYmRc

ゲーム時間の表示 �  スケジュール

�  this.schedule(this.measureGametime); �  this.unschedule(this.measureGametime); �  measureGametime:function(dt)

�  ラベルの表示 �  cc.LabelTTF

�  ソースはこちら http://goo.gl/5T8Vna

ハイスコアの表示 �  ユーザデータの保存

�  sys.localStorage

�  ソースはこちら http://goo.gl/YocqEZ

リロードボタン �  ボタン

�  cc.MenuItemLabel �  cc.Menu

�  ソースはこちら http://goo.gl/1yhjk2

�  完成！！

おわり

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