cocos2d-x JavaScript Bindingsについて

1. cocos2d-x
JavaScript Binding
について
株式会社TKS2 清水友晶

2. — 株式会社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
清水 友晶

3. もうすぐ出版されます
ccooccooss22dd--xx入�門
CCOOMMIINNGG
SSOOOONN

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

5. — 5/22 第8回 shinjuku.cocos2d-x
— 6/11 shinjuku.cocos2d-x初心者ハンズオン
∼MacでAndroidアプリ開発環境を作ろう！∼
— 6/22 cocos2d-xハンズオン勉強会
— 6/25 第9回 shinjuku.cocos2d-x
— 7/M shinjuku.cocos2d-x初心者ハンズオン
∼WindowsでAndroidアプリ開発環境を作ろう！∼
— 8/M shinjuku.cocos2d-x初心者ハンズオン
∼MacでiOSアプリ開発環境を作ろう！∼

6. 目次
— cocos2d-xにおけるC++とJavaScriptの違い
— ゲームを作成してみよう！
— JavaScriptを利用した機能

7. cocos2d-xにおける
C++とJavaScriptの違い
— 対応OS
— C++ iOS, Android, Win32, 他多数
— JS iOS, Android, Win32
— アプリのスタート
— C++ AppDelegate::applicationDidFinishLaunching();
— JS main.js
— クラス（基本的に似ている）
— C++ CCDirector, CCScene, CCLayer, CCSprite
— JS cc.Director, cc.Scene, cc.Layer, cc.Sprite

8. ゲームを作成してみよう！
— 作成するゲームは1 25を順番にタップするゲーム

9. ゲームを作成してみよう！
— プロジェクト作成
— project-creator
— cd ./cocos2d-2.1rc0-x-2.1.3/tools/project-creator
— ./create_project.py
-project nyan25js
-package net.tks2.nyan25js
-language javascript
— プロジェクト
— cocos2d-2.1rc0-x-2.1.3/project/nyan25js
— リソースの配置
— http://tks2.net/other/cardsjs.zip
— nyan25js/Resources/res
— Xcode上では参照型ディレクトリとして登録されているため、
Xcode上での追加作業は不要

10. カードを表示
— キーポイント
— CCDirector è cc.Director
— CCSprite è cc.Sprite
— CCP è cc.p
— ソースはこちら
https://gist.github.com/tks2shimizu/
4daa18de6b892061c7dc

11. タップ処理
— キーポイント
— this.setTouchEnabled(true);
— this.setTouchMode(cc.TOUCH_ONE_BY_ONE);
— onTouchBegan
— onTouchMoved
— onTouchEnded
— onTouchCanceled
— ソースはこちら
https://gist.github.com/tks2shimizu/
d9c1ca033fd873786c25

12. ゲーム時間の表示
— キーポイント
— this.schedule(this.measureGametime);
— this.unschedule(this.measureGametime);
— measureGametime:function(dt)
— CCLabelTTF è cc.LabelTTF
— ソースはこちら
https://gist.github.com/tks2shimizu/
fa7735926c9cb9b502ec

13. ハイスコアの表示
— キーポイント
— sys.localStorage
— ソースはこちら
https://gist.github.com/tks2shimizu/
dd626d40d07c8e142c90

14. リロードボタン
— キーポイント
— cc.MenuItemLabel
— cc.Menu
— ソースはこちら
https://gist.github.com/tks2shimizu/
28d5ac58d1e9a3b267c7
— 完成！！

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