cocos2d-x 最新事情 - SQUARE ENIX€¦ · cocos2d-x v3.x誕生の理由 cocos2d-iphone...

cocos2d-x 最新事情

〜 v3.xの魅力お教えします〜

第9BD マネージャー・テクニカルディレクター畑　圭輔

自己紹介

お仕事成分表

テクニカルディレクターマネージャー

モバイル関連技術支援業務

技術調査、推進、採用

プラットフォーマー対外折衝

マネージメント業務

コンソール開発(PlayStationⓇ,PlayStationⓇ2)

組み込み系開発管理業務

業界 11 年目

自己紹介

プライベート

執筆、雑誌連載、web連載

Seasons

Keisuke Hata

ブログもやってます

申請時はメッセージ添えてね

アジェンダ

• cocos2d-x v3.xのご紹介

• coco2d-x x SQEX

• cocos2d-xへの取り組み

cocos2d-x v3.xのご紹介

その前に…

cocos2d-x v3.x誕生の理由

cocos2d-iphone

Objective-C C++

cocos2d-x v2.x

for iOSfor iOS,Android™

移植よるパフォーマンスの

限界!!

移植C++11

cocos2d-x v3.x

for iOS,Android™ PC…

リニューアル

ハイライト

• C++11への移行

• 命名規則の変更

• Newレンダラー

• Labelの改善

• UIパーツ、ウィジェット

• 3D対応

• コマンドラインツール

v3.1.1最新

C++11への移行

• C++11によるエンジンリライト

• 問題だったcallback処理をstd::functionで一新

• C++11ベースのスレッドAPI

ObjCのコードを強引に移植した部分をC++11で完全に置き換えた。 • パフォーマンス向上 • リファクタリング

命名規則の変更

PointArray

m_obRect

CCObject

Sprite

cocos2d::CC

PointArray

CCObject

Sprite

cocos2d::CC

PointArray

CCObject

Sprite

cocos2d::CC

PointArray

CCObject

Sprite

PointArray

CCObject

Sprite

PointArray

Sprite

Ref Clonable

• エンジン一新に伴う命名規則の変更（cocos2d恒例）

ハンガリアン記法の削除

CC,cocos2dネームスペースの削除

CCObject（基底クラス）の削除

Sprite

PointArray

Ref, Clonable

Newレンダラー

• フルスクラッチで書き直し

• SceneGraphから切り離し

1. CommandQueue System

2. RenderCommandGroup

3. Auto Batching

4. Auto Culling

Really fast!!

CommandQueue System

draw() OpenGL ES

CPU Block Expensive!!

v2.x• SceneGraph解析時のvisitメソッド内でdrawメソッドが最終的に呼び出される。

• drawメソッド内では、OpenGL ES APIを実行し、描画命令を発行。

OpenGL ES APIコール時のCPUブロックがSceneGraph解析処理のパフォーマンスに影響。且つ、都度APIコールによる非効率な描画処理が行われる。

CommandQueue System

v3.xNew!!

CommandQueue

CommandQueue OpenGL ES API

OpenGL ES API

• visit=>drawメソッド内で描画CommandをQueueに積む。

• 最終的にCommandQueueに従ってOpenGL ES APIを実行し、描画処理をまとめて行う。

RenderCommandGroup• 通常の描画以外の特殊なものは、描画グループを分けて管理

1. ClippingNode

2. RenderTexture

3. その他（ユーザーカスタム）

最終的には、各コマンドグループのZ値をもとにソートを行い、描画順が確定する。

Z値ソート

Auto Batchingv2.x

draw() OpenGL ES

都度,OpenGL ES APIが呼び出されてしまうためバッチ処理ができない。

• バッチ処理を実行するには、CCSpriteBatchNodeを別途作成して、子供のNodeを管理させる形を取る必要がある。

Auto Batchingv2.x

draw() OpenGL ES

BatchNode

Auto Batchingv2.x

draw() OpenGL ES

BatchNode

Auto Batchingv3.x

• 同じマテリアル、Z値であれば、OpenGL ES APIは、1コールで描画する=Auto Batching

CommandQueue

OpenGL ES API

Batching最大=65536/6個。同じZ値でなくても異なるマテリアルが途中に表示されないSceneGraphならOK。

Auto Batchingv3.x

• 同じマテリアル、Z値であれば、OpenGL ES APIは、1コールで描画する=Auto Batching

CommandQueue

OpenGL ES API

Batching最大=65536/6個。同じZ値でなくても異なるマテリアルが途中に表示されないSceneGraphならOK。

CommandQueue

1 DrawCall

Auto Culling

• drawメソッド内で画面内に存在するNodeかどうか判定。

• 存在すれば、CommandQueueに描画コマンドを積む。

visitvisit

CommandQueue

Labelの改善

• ラベルの使い勝手向上

• Glow処理

• Shadow処理

• アウトライン処理

• 等…

UIパーツ、ウィジェット

Button Checkbox

Slider

ImageView

LoadingBar

TextAtlas

TextEditor

TextBMFont

TextField

Layout

ScrollView

PageView

ListView

Button Checkbox

Slider

ImageView

LoadingBar

TextAtlas

TextEditor

TextBMFont

TextField

Layout

ScrollView

PageView

ListView

Create “Dynamic”

Create “Static”

3D対応• 3Dオブジェクトとの親和性

• 2x3マトリックスから4x4マトリックスへ

• Sprite3D=2.5Dコンテンツ制作が可能に！

auto sprite = Sprite3D::create("plane.obj"); sprite->setTexture(“plane.png"); addChild(sprite);

コマンドラインツール

# cocos

compile new run jscompile deploy

# cocos new -p test.app -l cpp

Create new project!!

# cocos compile -p ios

BUILD SCCEED!!

# cocos run -p ios

Run Simulator!!

cocos2d-x x SQEX

cocos2d-x採用タイトル

2Dコンテンツの開発のしやすさが人気に！

cocos2d-xへの取り組み

LGPLライセンスコード

ccUTF8.cpp/h CCBMLabelFont

LGPLライセンスコードcocos2d-x

利用者

第3者によるソースコードのリバースエンジニアリングを許可する必要がある。

作成するプログラムにリンクするライブラリがリバースエンジニアリングを許可しないものが含まれていたりする場合などに問題に！！

これはまずい…

cocos2d-xチームに相談

cocos2d-x開発GoogleGroupにて

その後…

LGPLライセンスコード cocos2d-x

利用者

その後…

cocos2d-x

利用者

その後…

cocos2d-x

利用者

LLVMライセンス

その後…

cocos2d-x

利用者

LLVMライセンス

その後…

cocos2d-x

利用者

LLVMライセンス

安心して利用可能に！！

https://github.com/cocos2d/cocos2d-x/pull/6635

https://github.com/cocos2d/cocos2d-x/pull/6643v2.x

詳しい差分情報

v3.1以降

v2.2.4?以降

利用可能なバージョン

v2.x系

v3.x系

ご静聴ありがとうございました！！

cocos2d-x 最新事情 - SQUARE ENIX€¦ · cocos2d-x v3.x誕生の理由 cocos2d-iphone...

Documents

Transcript of cocos2d-x 最新事情 - SQUARE ENIX€¦ · cocos2d-x v3.x誕生の理由 cocos2d-iphone...

Macでcocos2d-x 3.0alphaを使用した、iOSアプリの開発環境構築について

cocos2d-x公開講座 in 鹿児島

Ncmb勉強会 #8 cocos2d x 資料「Cocos2d-xとNCMBを組み合わせるには」

Cocos2d xでの開発の準備

CocosBuilderとcocos2d-x JSB

原宿Cocos2d x ゲームアプリ開発者同盟

Extending Cocos2D-x Mobile 2D Framework Rony Xu Happy Elements.

Mynavi · 1-3 時代はCocos2d-xだ！ 7 日本cocos2d-x ユーザー会について 8 Chapter 2 環境構築 9 2-1 Cocos2d-xのダウンロード 10 Cocos2d-x のダウンロード

Cocos2d x talks

Cocos2d-x 3D Extension

10 multi-platform game development using cocos2d-x

Create 3D objects insite Cocos2d-x

Cocos2d-x(JS) ハンズオン #12「Cocos2d-xとSpine」

Cocos2d-x Console @Cocos Talks #3

在iOS平台上用Cocos2D做开发 | iOS独立开发者 秦春林

08 gaming framework design based on cocos2d-x

Cocos2d-x(JS) ハンズオン #05「Cocos StudioとCocos2d-x (JS)との連携」

06 html5 and cocos2d-x

만들면서 배우는 Cocos2d x 멀티 플랫폼 게임 프로그래밍 10-11장

Cocos2d-x(JS) ハンズオン #13「SNS対応（Twitter, Facebook）」

在iOS平台上用Cocos2D做开发 | iOS独立开发者秦春林