Upload
tomoaki-shimizu
View
3.461
Download
0
Embed Size (px)
Citation preview
Cocos2d-x 3D Extensions 株式会社TKS2 清水友晶
清水 友晶 � 株式会社TKS2 スマートフォンアプリ開発 Webコンテンツ開発
� 日本cocos2d-xユーザ会代表 講演活動 執筆活動
� チラ裏開発メモ: http://tks2.net/memo
� SlideShare: http://www.slideshare.net/doraemonsss
� 2013/6/25発売 � 2,800円 + 税 � 400ページ
� 2013/6/18発売 � 2,980円 + 税 � 312ページ
日経ソフトウェア 2014年2月号
MacPeople 2014年7月号
� 日本cocos2d-xユーザ会 http://cocos2d-x.jp
� cocos2d-x開発元Chukong Technologies社公認
� cocos2d-xのための自由なコミュニティー
� 入門者から上級者まで誰でもOK!!ぜひご参加を! (1700人以上参加)
� cocos2d-xに関することなら何でも投稿できます!!
� https://www.facebook.com/groups/cocos2dxjp/
� 6/25 GTMF 2014 in 大阪
� 7/18 GTMF 2014 in 東京
� 7/24 第22回 shinjuku.cocos2d-x
� 7/30 第6回 cocos2d-x開発事例勉強会
� 8/14 第23回 shinjuku.cocos2d-x
� 7/26 Cocos2d-xゲーム開発実践 セミナーブック
� Cocos2d-x本(v3.0)
� Cocos2d-x逆引き辞典(v3.0)
� Cocos2d-x連載(雑誌)
目次
� Cocos2d-x 3D Extensionとは
� Cocos2d-x 3D Extensionデモ
� 3Dモデルについて
� 実際にさわってみよう!
Cocos2d-x 3D Extensionとは � Cocos2d-x (2D) 上で3Dモデルを表示・動作できるようにするもの � 3Dモデルは、objフォーマットとc3bフォーマットをサポート (後述) � 一般的な3Dモデリングソフトで用意できる
� Cocos2d-x 3.1より、Sprite3Dクラスが追加された
� Cocos2d-x 3.2より、3Dスケルタルアニメーションがサポートされた
� 参考になるソース � CPP Tests ‒ Sprite3DTest.cpp � EarthWarrior3D
Cocos2d-x 3D Extension デモ
3Dモデルについて � サポートしているファイル形式
� objフォーマット � 一般的な3Dモデルの形式 � Sprite3Dクラスではアニメーション不可
� c3bフォーマット(Cocos 3D Binary) � fbxフォーマット(Autodesk)を、Cocos2d-x向けに変換した形式
� Sprite3Dクラスでアニメーション可 � fbxフォーマット ↓ (fbx-convツールにより変換) c3bフォーマット
� c3tフォーマット(Cocos 3D Text) � JSONフォーマット
実際にさわってみよう!
� 本日利用する3Dモデル cocos2d-x-3.2/tests/cpp-tests/Resources
3Dモデルの表示 � Sprite3Dクラス
� インスタンスはcreate関数で生成する
Sprite3Dクラス � setPosition3D(setPositionはZ値を変更しない)
� setRotation3D(setRotationはZ値に相当する)
� setScale
� setColor, setOpacity
� setVisible
� setTexture
etc...
Sprite3Dの表示の注意 � Positionによって、表示のされ方が異なる
アニメーション � ScaleTo, ScaleBy
� RotateTo, RotateBy
� Blink
� TintTo, TintBy
� FadeIn, FadeOut
� Sequence, Spawn, Repeat, RepeatForever
3Dモデルのアニメーション � Animation3Dクラスによりアニメーションを読み込む
� Animate3Dクラスによりアクションさせる
� Animate3D::create(animation, 0.f, 1.933f);
� Animate3D::create(animation, 1.933f, 2.8f);
演習
� カメが画面を左右に行き来するアニメーションを作成しましょう
おわり
� ありがとうございました