Gcs2014 0225 cocos2d-xjsb
6 likes4,542 views
GCS2014で講演した cocos2d-x javascript bindingsについてのスライドとなります。 サンプルソースコード https://github.com/Seasons7/Hitohude
![SpiderMonkey
?
C言語で記述されたJavaScript
エンジン?
( v27搭載[2014/02/16現在] )
?
SpiderMoneky
(original)
オープンソースプロジェクト
?
MPL/GPL/LGPLのトリプル
ライセンス
?
cocos2d組み込み用にカスタ
マイズ(ビルド向け)
SpiderMoneky v27
(for cocos2d)
cocos2d-x](https://image.slidesharecdn.com/gcs20140225cocos2d-xjsb-140301104332-phpapp02/85/Gcs2014-0225-cocos2d-xjsb-12-320.jpg)
Gcs2014 0225 cocos2d-xjsb
- 2. 自己紹介 ? cocos2d Japan evangelist ? @ Seasons ? @ cocos2dfan_jp ? f cocos2d facebook Group ? B Seasons.NET ? S 狠狠撸Share ? 執筆、連載活動(Mobile Touch)
- 3. アジェンダ 1. cocos2d-x 2. 开発环境 3. JavaScript Bindings 4. デバッグ手法 5. 开発支援ツール 6. デモ
- 4. cocos2d-x
- 6. 开発环境
- 7. 开発环境 ? Windows, Mac, Linux PC ? C++,C言語 ? Lua, JS Binding対応 ? Lua JS C++, C Windows, Mac, Linux ソースコード共通 or CocoStudioは、Windowsでのみ? 動作。利用したい環境にあわせて? OS使い分けると良い。 メインOS Parallels Desktop, VMWare (Mac, Windows, Linux)
- 9. JavaScript Bindings(JSB) ? One Source on マルチ環境 ? JavaScriptを共通言語? （cocos2dのプラットフォームで共有） ? cocos2dの機能をフルサポート ? 高いパフォーマンス Common JavaScript SourceCode cocos2d-iphone cocos2d-mac cocos2d-x cocos2d-html5
- 10. JSBの実装 ? JavaScript Bindingsの実装の 種類は、2種類 ? ? zynga repository ? cocos2d-x repository 基本仕様は同じであるが、 実装の内容が異なる。 zyngaのiPhone版のjsbが? ベースとなっている。 JavaScript Bindings cocos2d-x zynga
- 11. JSB アーキテクチャ JavaScript (JavaScript : *.js ) SpiderMonkey (VM) JavaScript Bindings (C++ : *.cpp) Native Library (C++,C : *.c, *.cpp)
- 12. SpiderMonkey ? C言語で記述されたJavaScript エンジン? ( v27搭載[2014/02/16現在] ) ? SpiderMoneky (original) オープンソースプロジェクト ? MPL/GPL/LGPLのトリプル ライセンス ? cocos2d組み込み用にカスタ マイズ(ビルド向け) SpiderMoneky v27 (for cocos2d) cocos2d-x
- 15. JSBの仕組み 1. JS側からCpp側のネイティブの cocos2dライブラリを呼び出す? JS Cpp （要プロキシオブジェクト）。 2. 構造体などは、Cpp側のコード にアクセスするのではなく、? JS側でそのまま移植。 JS cc.p = function( x, y ) { return {x:x, y:y}; };
- 16. オブジェクトライフサイクル xxxx.create() ? ? JSとCppのオブジェクトライ フサイクル管理用にProxyオブ ジェクトを用意。 ネイティブオブジェクトの? 破棄のタイミングでプロキシ オブジェクト経由でJSオブ ジェクトを破棄 Cpp Object Proxy Object JS Object Hash Table Proxy Object Proxy Object
- 17. デバッグ手法
- 18. デバッグ手法 1. CCLOG=cc.logの出力 cc.log( 出力したい文字列 or オブジェクト) 2. Firefoxを利用した? 高性能デバッガ Firefoxリモートデバッガ Pause, Continue 上記2つの詳細な解説は、 「cocos2d javascript bindingsで マルチプラットフォーム開発」 第10,11回で解説。 Step In, Out Watch Breakpoint
- 19. 开発支援ツール
- 21. WebStorm エディタ ? http://www.jetbrains.com/ webstorm/ ? Web開発専用統合環境 ? 高機能(コード補完、エラー チェックなど) ? 豊富なプラグイン
- 23. GlyphDesigner フォント ? http://71squared.com/ja/ glyphdesigner ? ビットマップフォントツール ? cocos2d対応(CCBMFont)
- 26. 各种デモ
- 27. デモ一覧 ? JSB Debugger on Firefox 27 ? JSB Sample Game