SlideShare a Scribd company logo
cocos2d-xとCocos Code IDE
株式会社TKS2 清水友晶
清水 友晶
—  株式会社TKS2
スマートフォンアプリ開発
Webコンテンツ開発
—  日本cocos2d-xユーザ会代表
講演活動
執筆活動
—  チラ裏開発メモ: http://tks2.net/memo
—  SlideShare:
http://www.slideshare.net/doraemonsss
cocos2d-xとCocos Code IDE
—  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
—  完成!!
おわり
—  ありがとうございました

More Related Content

PDF
Cocos2d-x 3.2 Eclipseを利用したAndroid開発環境の構築
PDF
Cocos Code IDEを使ってみた
PPTX
Cocos2d-x(JS) ハンズオン #11「2D物理エンジン」
PPTX
Cocos2d-xにおけるモバイル開発〜将来を見据えた開発〜
PPTX
Cocos2d-x(JS) ハンズオン #01 「はじめてのCocos2d-x (JS)」
PPTX
Cocos2d-x(JS)の紹介
PPTX
Cocos2d-x(JS) ハンズオン #13「SNS対応(Twitter, Facebook)」
PPTX
Cocos2d-x(JS) ハンズオン #12「Cocos2d-xとSpine」
Cocos2d-x 3.2 Eclipseを利用したAndroid開発環境の構築
Cocos Code IDEを使ってみた
Cocos2d-x(JS) ハンズオン #11「2D物理エンジン」
Cocos2d-xにおけるモバイル開発〜将来を見据えた開発〜
Cocos2d-x(JS) ハンズオン #01 「はじめてのCocos2d-x (JS)」
Cocos2d-x(JS)の紹介
Cocos2d-x(JS) ハンズオン #13「SNS対応(Twitter, Facebook)」
Cocos2d-x(JS) ハンズオン #12「Cocos2d-xとSpine」

What's hot (20)

PDF
Cocos2d-x 3D Extension
PPTX
Cocos2d-x(JS) ハンズオン #05「Cocos StudioとCocos2d-x (JS)との連携」
PDF
20130912 macでcocos2d x 3.0alphaを使用した、クロスプラットフォーム開発環境構築について
PDF
Macでcocos2d-x 2.1.3を使用した、iOSアプリの開発環境構築について
PDF
cocos2d-x 3.0 新しい物理演算クラスの利用
PDF
実はかんたん!ゲームエンジンCocos2d-x入門
PDF
cocos2d-xを利用したパズドラ風ゲームの作成
PPTX
Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」
PDF
Cocos2d-x v3.2を利用してシューティングゲームを作ろう!
PDF
cocos2d-xとspine
PDF
cocos2d-x開発事例勉強会
PDF
cocos2d-xにおけるBox2Dの利用方法および便利なツール
PDF
CocosBuilderとcocos2d-x JSB
PPTX
Cocos2d-x(JS) ハンズオン #03「複数あるボタンの使い分け」
PDF
Cocos2d-x によるスマートフォンアプリ開発のこれまでとこれから
PDF
Cocos2d-x公開講座 in 鹿児島
PDF
cocos2d-xにおけるマップエディタの利用
PDF
cocos2d-x JavaScript Bindingsについて
PDF
Cocos2d-xで画像周りを自由自在に表示してみよう
PDF
Windowsでcocos2d-x 2.1.4を使用した、Androidアプリの開発環境構築について
Cocos2d-x 3D Extension
Cocos2d-x(JS) ハンズオン #05「Cocos StudioとCocos2d-x (JS)との連携」
20130912 macでcocos2d x 3.0alphaを使用した、クロスプラットフォーム開発環境構築について
Macでcocos2d-x 2.1.3を使用した、iOSアプリの開発環境構築について
cocos2d-x 3.0 新しい物理演算クラスの利用
実はかんたん!ゲームエンジンCocos2d-x入門
cocos2d-xを利用したパズドラ風ゲームの作成
Cocos2d-x(JS) ハンズオン #06「3rd SDKの導入を簡単にするSDKBOX」
Cocos2d-x v3.2を利用してシューティングゲームを作ろう!
cocos2d-xとspine
cocos2d-x開発事例勉強会
cocos2d-xにおけるBox2Dの利用方法および便利なツール
CocosBuilderとcocos2d-x JSB
Cocos2d-x(JS) ハンズオン #03「複数あるボタンの使い分け」
Cocos2d-x によるスマートフォンアプリ開発のこれまでとこれから
Cocos2d-x公開講座 in 鹿児島
cocos2d-xにおけるマップエディタの利用
cocos2d-x JavaScript Bindingsについて
Cocos2d-xで画像周りを自由自在に表示してみよう
Windowsでcocos2d-x 2.1.4を使用した、Androidアプリの開発環境構築について
Ad

Viewers also liked (7)

PDF
cocos2d-x 開発の効率化
PPTX
Cocos2d-x(JS) ハンズオン #04「タッチイベントの使い方」
PPTX
Cocos2d-x(JS) ハンズオン #10「3D機能とVR機能」
PPTX
Cocos2d-x(JS) ハンズオン #02 「画像表示とアクション」
PPTX
Cocos2d-x(JS) ハンズオン #08「様々な画像描画方法」
PPTX
Cocos2d-x(JS) ハンズオン #09「ラベル・テキストボックス」
PPTX
Cocos2d-x(JS) ハンズオン #07「新エディタ Cocos Creator v1.0」
cocos2d-x 開発の効率化
Cocos2d-x(JS) ハンズオン #04「タッチイベントの使い方」
Cocos2d-x(JS) ハンズオン #10「3D機能とVR機能」
Cocos2d-x(JS) ハンズオン #02 「画像表示とアクション」
Cocos2d-x(JS) ハンズオン #08「様々な画像描画方法」
Cocos2d-x(JS) ハンズオン #09「ラベル・テキストボックス」
Cocos2d-x(JS) ハンズオン #07「新エディタ Cocos Creator v1.0」
Ad

Similar to cocos2d-xとCocos Code IDE (20)

PDF
cocos2d-xおよび開発ツールについて
PDF
CocoStudioとcocos2d-xの連携
KEY
Cocos2d xのススメ
PDF
CocoStudioとcocos2d-xの連携2
PDF
Cocos2d-xによる最新ゲーム開発
PDF
cocos2d-x 3.0による変更点
PDF
cocos2d-xの概要とこれまでの進化・これからの展開
PDF
Macでcocos2d-x 2.1.3を使用した、Androidアプリの開発環境構築について
PDF
CocoStudioの紹介
KEY
Cocos2d xをさわってみよう!
PDF
Macでcocos2d-x 2.1.2を使用した、Androidアプリの開発環境構築について
PDF
cocos2d-xの開発に欠かせないCocosBuilderについて
PDF
Cocos2d-xおよび関連サービスについて
PDF
Macでcocos2d-x 3.0alphaを使用した、iOSアプリの開発環境構築について
PDF
Macでcocos2d-x 3.0alpha0を使用した、クロスプラットフォーム開発環境構築について
PDF
cocos2d-xのいろいろなオブジェクトの利用
PDF
GTMF2015: Cocos最新情報と日本展開 | Chukong Technologies Japan株式会社
PDF
Cocos最新情報(2015/3/13)
PDF
cocos2d-xハンズオン勉強会 in 名古屋
PDF
cocos2d-x 3.0 + C++11で始めるゲーム開発超入門
cocos2d-xおよび開発ツールについて
CocoStudioとcocos2d-xの連携
Cocos2d xのススメ
CocoStudioとcocos2d-xの連携2
Cocos2d-xによる最新ゲーム開発
cocos2d-x 3.0による変更点
cocos2d-xの概要とこれまでの進化・これからの展開
Macでcocos2d-x 2.1.3を使用した、Androidアプリの開発環境構築について
CocoStudioの紹介
Cocos2d xをさわってみよう!
Macでcocos2d-x 2.1.2を使用した、Androidアプリの開発環境構築について
cocos2d-xの開発に欠かせないCocosBuilderについて
Cocos2d-xおよび関連サービスについて
Macでcocos2d-x 3.0alphaを使用した、iOSアプリの開発環境構築について
Macでcocos2d-x 3.0alpha0を使用した、クロスプラットフォーム開発環境構築について
cocos2d-xのいろいろなオブジェクトの利用
GTMF2015: Cocos最新情報と日本展開 | Chukong Technologies Japan株式会社
Cocos最新情報(2015/3/13)
cocos2d-xハンズオン勉強会 in 名古屋
cocos2d-x 3.0 + C++11で始めるゲーム開発超入門

cocos2d-xとCocos Code IDE