SlideShare une entreprise Scribd logo
1  sur  24
Stage3D勉強会 #2



モデリングをはじめてみよう
       2012.7.31
糸数昌史 (イトカズマサフミ)
株式会社IMJ マルチデバイスLab / インタラクションデベロッパー
private site : itoz.jp 
blog        : http://blog.romatica.com/
ここまでできれば実用的?


1. Modeling
2. Animation
3. Interactive
DEMO Interactiveに動かす

                 Colladaアニメーションモデルを
                 Tween24で変形


                 http://www.romatica.com/dev/
                 samples/alternativa3d/
                 boneAnimeTest2/index.html




                 AnimationSwitcherクラス による
                 AnimationClip の切り替え
                 http://www.romatica.com/dev/samples/
                 alternativa3d/boneAnimeTest4/
                 index.html


                  参考 : Alternativa3D Examples
Stage3D              3D Software
Framework




            etc....
Stage3D              3D Software
Framework




            etc....
インタラクティブにアニメーションするには


どのツールをえらべばいいの?
インタラクティブにアニメーションするには


どのツールをえらべばいいの?


          ?
Stage3D Framework が読み込める3Dモデル形式

■この色はアニメーション可のモデル形式。 [※1]
下記ライブラリすべて .dae(Collada) .3ds 読み込みに対応


             .dae   (★)   / .3ds / .a3d /


             .dae / .3ds / .awd / .md2 /.md5anim / .ac / .obj


             .dae / .3ds




 [※1] (★)マークは、Blenderのアニメーションが動作するか確認できたもの。その他は未確認。
 [※2].dae(collada)形式は方言が強いらしいのですべてでうまく動作するかは未確認
Stage3D Framework が読み込める3Dモデル形式

■この色はアニメーション可のモデル形式。 [※1]
下記ライブラリすべて .dae(Collada) .3ds 読み込みに対応


             .dae   (★)   / .3ds / .a3d /


             .dae / .3ds / .awd / .md2 /.md5anim / .ac / .obj


             .dae / .3ds




 [※1] (★)マークは、Blenderのアニメーションが動作するか確認できたもの。その他は未確認。
 [※2].dae(collada)形式は方言が強いらしいのですべてでうまく動作するかは未確認
Stage3D Framework が読み込める3Dモデル形式

■この色はアニメーション可のモデル形式。 [※1]
下記ライブラリすべて .dae(Collada) .3ds 読み込みに対応


             .dae   (★)   / .3ds / .a3d /


             .dae / .3ds / .awd / .md2 /.md5anim / .ac / .obj


             .dae / .3ds




            Blender は .dae .3ds が書き出せる [※2]

 [※1] (★)マークは、Blenderのアニメーションが動作するか確認できたもの。その他は未確認。
 [※2].dae(collada)形式は方言が強いらしいのですべてでうまく動作するかは未確認
つまり手っ取り早く
3Dモデルアニメーションを試してみたいなら




                    +
    Blender                 Alternativa3D


             が現状はオススメ。


Away3Dの「Blender dae アニメーション」 読み込みが、今後どうなっていくかは注目
Blender
メリット          無料なのに高機能
              (アニメーションも作れる)

デメリット 操作が独特

[必見] YOUTUBEチュートリアル SpreadBlender -
http://www.youtube.com/user/SpreadBlender
ライブモデリング
DEMO モデリングサンプル

            http://www.romatica.com/dev/samples/
            alternativa3d/octcat2/index.html




            http://www.romatica.com/dev/samples/
            alternativa3d/mario_collada/index.html
「やっぱり自分にはモデリングは無理そうだ。」
       と思ったあなた。
Illustratorのパスが読み込める(svg形式)
デザイン要素としてつかってみる




                          DEMO
http://www.romatica.com/dev/samples/away3d/collada_hello2/index.html
DEMO AIR Mobile App
iPad1 : いずれも60FPSほど出ている


                      http://blog.romatica.com/
                      2012/07/21/
                      ios_stage3d_blender_alternaitva3d3/




                      http://blog.romatica.com/
                      2012/07/10/
                      stage3d_blender_alternativa3d_1/
DEMO AR
IN2AR & Away3D
                 http://www.youtube.com/watch?
                 v=XNMU50lP1GU




                 http://www.youtube.com/
                 watch?v=3sRoJZ6DRv0
special thanks
                                    @narutohyper

       Thank you!




   モデルデータのいくつかをそのうちgithubします。
間違いありましたら@itozまでおしえていただけるとありがたいです
[重要] 
今回のDEMOは「MeshUtilityクラス」を多用しています。
下記の購入特典でダウンロードできるクラスです。
BlenderのdaeにNormalやTangentを追加したりスムーズシェーディングにしたりで
きます。買ったほうがいいよ!


[必読] Stage3D プログラミング

Contenu connexe

En vedette

Digital Natives with a Cause newsletter - Changing Face Of Citizen Action
Digital Natives with a Cause newsletter - Changing Face Of Citizen ActionDigital Natives with a Cause newsletter - Changing Face Of Citizen Action
Digital Natives with a Cause newsletter - Changing Face Of Citizen ActionNilofar Ansher
 
BOM Team Prosperity
BOM Team ProsperityBOM Team Prosperity
BOM Team ProsperityKetty Masim
 
Agile2015 short paper presentation: Development of Complex Software with Agil...
Agile2015 short paper presentation: Development of Complex Software with Agil...Agile2015 short paper presentation: Development of Complex Software with Agil...
Agile2015 short paper presentation: Development of Complex Software with Agil...Alan Braz
 
Formacion e learning
Formacion e learningFormacion e learning
Formacion e learningmaribeltxu21
 
álbum de fotografías -25 años-
álbum de fotografías -25 años-álbum de fotografías -25 años-
álbum de fotografías -25 años-gustavo145
 
Making Learning Accessible Presentation
Making Learning Accessible PresentationMaking Learning Accessible Presentation
Making Learning Accessible PresentationDesiree' Slaughter
 
Dawn lifestyle expo 2011
Dawn lifestyle expo 2011Dawn lifestyle expo 2011
Dawn lifestyle expo 2011Zarak Khawaja
 
Open im vol16_lt_cnomiya_next_thing
Open im vol16_lt_cnomiya_next_thingOpen im vol16_lt_cnomiya_next_thing
Open im vol16_lt_cnomiya_next_thingNTTDATA INTRAMART
 
Danielle\'s Visual Resume
Danielle\'s Visual ResumeDanielle\'s Visual Resume
Danielle\'s Visual Resumedmhami3
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1cattyloverose
 
Online Training @ Nitade Chula
Online Training @ Nitade ChulaOnline Training @ Nitade Chula
Online Training @ Nitade ChulanudeJEH
 
Guide Marketing For Facebook
Guide Marketing For FacebookGuide Marketing For Facebook
Guide Marketing For FacebookIrwan Setiawan
 

En vedette (20)

Digital Natives with a Cause newsletter - Changing Face Of Citizen Action
Digital Natives with a Cause newsletter - Changing Face Of Citizen ActionDigital Natives with a Cause newsletter - Changing Face Of Citizen Action
Digital Natives with a Cause newsletter - Changing Face Of Citizen Action
 
BOM Team Prosperity
BOM Team ProsperityBOM Team Prosperity
BOM Team Prosperity
 
January 2010
January 2010January 2010
January 2010
 
2015 Tech Predictions
2015 Tech Predictions2015 Tech Predictions
2015 Tech Predictions
 
Agile2015 short paper presentation: Development of Complex Software with Agil...
Agile2015 short paper presentation: Development of Complex Software with Agil...Agile2015 short paper presentation: Development of Complex Software with Agil...
Agile2015 short paper presentation: Development of Complex Software with Agil...
 
De Mier Bis
De Mier BisDe Mier Bis
De Mier Bis
 
Formacion e learning
Formacion e learningFormacion e learning
Formacion e learning
 
XTR
XTRXTR
XTR
 
Indian polity 11
Indian polity 11Indian polity 11
Indian polity 11
 
álbum de fotografías -25 años-
álbum de fotografías -25 años-álbum de fotografías -25 años-
álbum de fotografías -25 años-
 
Making Learning Accessible Presentation
Making Learning Accessible PresentationMaking Learning Accessible Presentation
Making Learning Accessible Presentation
 
Dawn lifestyle expo 2011
Dawn lifestyle expo 2011Dawn lifestyle expo 2011
Dawn lifestyle expo 2011
 
Open im vol16_lt_cnomiya_next_thing
Open im vol16_lt_cnomiya_next_thingOpen im vol16_lt_cnomiya_next_thing
Open im vol16_lt_cnomiya_next_thing
 
Award-Winning Web Design
Award-Winning Web DesignAward-Winning Web Design
Award-Winning Web Design
 
Getting started with Big Data
Getting started with Big DataGetting started with Big Data
Getting started with Big Data
 
Yourprezi
YourpreziYourprezi
Yourprezi
 
Danielle\'s Visual Resume
Danielle\'s Visual ResumeDanielle\'s Visual Resume
Danielle\'s Visual Resume
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
Online Training @ Nitade Chula
Online Training @ Nitade ChulaOnline Training @ Nitade Chula
Online Training @ Nitade Chula
 
Guide Marketing For Facebook
Guide Marketing For FacebookGuide Marketing For Facebook
Guide Marketing For Facebook
 

Similaire à 2012.7.31 第二回 Stage3D 勉強会「モデリングを始めてみよう」

Windowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-lt
Windowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-ltWindowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-lt
Windowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-ltTomokazu Kizawa
 
ロボコンの為のFusion360講座 #CAD編
ロボコンの為のFusion360講座 #CAD編ロボコンの為のFusion360講座 #CAD編
ロボコンの為のFusion360講座 #CAD編電大 ヒュー研
 
DoGA-L3でお手軽モデリング
DoGA-L3でお手軽モデリングDoGA-L3でお手軽モデリング
DoGA-L3でお手軽モデリングK Moneto
 
Visual Studio 2012のDirect3Dアプリ開発者向け新機能を知ろう
Visual Studio 2012のDirect3Dアプリ開発者向け新機能を知ろうVisual Studio 2012のDirect3Dアプリ開発者向け新機能を知ろう
Visual Studio 2012のDirect3Dアプリ開発者向け新機能を知ろうMasafumi Takahashi
 
Visual Studio 2010で楽しくデバッグ
Visual Studio 2010で楽しくデバッグVisual Studio 2010で楽しくデバッグ
Visual Studio 2010で楽しくデバッグKazushi Kamegawa
 
Fusion360でスマホスタンドをつくってみよう!
Fusion360でスマホスタンドをつくってみよう!Fusion360でスマホスタンドをつくってみよう!
Fusion360でスマホスタンドをつくってみよう!Teruki Obara
 
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」Nozomi Sawada
 
Cod2012 デバッグ講座
Cod2012 デバッグ講座Cod2012 デバッグ講座
Cod2012 デバッグ講座Masuda Tomoaki
 
3DCAD導入セミナー~3DCADの選び方~
3DCAD導入セミナー~3DCADの選び方~3DCAD導入セミナー~3DCADの選び方~
3DCAD導入セミナー~3DCADの選び方~Teruki Obara
 
Cocos2d x-sprite3d
Cocos2d x-sprite3dCocos2d x-sprite3d
Cocos2d x-sprite3daktsk
 
Azure のポータル画面で、AI フレーバな BOT の作成ハンズオン
Azure のポータル画面で、AI フレーバな BOT の作成ハンズオンAzure のポータル画面で、AI フレーバな BOT の作成ハンズオン
Azure のポータル画面で、AI フレーバな BOT の作成ハンズオンYasuaki Matsuda
 
20120630 android ics in Yokohama
20120630 android ics in Yokohama20120630 android ics in Yokohama
20120630 android ics in YokohamaKenichi Ohwada
 
YouTube x GEO CREATOR DAY in Tokyo G2-1, 3D Model Application
YouTube x GEO CREATOR DAY in Tokyo G2-1, 3D Model  ApplicationYouTube x GEO CREATOR DAY in Tokyo G2-1, 3D Model  Application
YouTube x GEO CREATOR DAY in Tokyo G2-1, 3D Model ApplicationYukio Saito
 
スマートフォン対応、気をつけたいトラブル
スマートフォン対応、気をつけたいトラブルスマートフォン対応、気をつけたいトラブル
スマートフォン対応、気をつけたいトラブルHiroaki Wakamatsu
 
Eclipse ADTとAndroidStudio両方で動かせる開発環境構築
Eclipse ADTとAndroidStudio両方で動かせる開発環境構築Eclipse ADTとAndroidStudio両方で動かせる開発環境構築
Eclipse ADTとAndroidStudio両方で動かせる開発環境構築kimukou_26 Kimukou
 
Flashup 12 Basic Training of Away3D
Flashup 12 Basic Training of Away3DFlashup 12 Basic Training of Away3D
Flashup 12 Basic Training of Away3DKatsushi Suzuki
 
Dxライブラリテンプレート作成のすすめ
Dxライブラリテンプレート作成のすすめDxライブラリテンプレート作成のすすめ
Dxライブラリテンプレート作成のすすめUmebosi
 
わんくま名古屋#25(20121201) LT:「開発体験テンプレートを使ったストアアプリの作成」
わんくま名古屋#25(20121201) LT:「開発体験テンプレートを使ったストアアプリの作成」わんくま名古屋#25(20121201) LT:「開発体験テンプレートを使ったストアアプリの作成」
わんくま名古屋#25(20121201) LT:「開発体験テンプレートを使ったストアアプリの作成」Yasuhiko Yamamoto
 
JJavaプログラム実行の仕組みと、高速・安定動作に向けた取り組み
JJavaプログラム実行の仕組みと、高速・安定動作に向けた取り組みJJavaプログラム実行の仕組みと、高速・安定動作に向けた取り組み
JJavaプログラム実行の仕組みと、高速・安定動作に向けた取り組み日本Javaユーザーグループ
 

Similaire à 2012.7.31 第二回 Stage3D 勉強会「モデリングを始めてみよう」 (20)

Windowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-lt
Windowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-ltWindowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-lt
Windowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-lt
 
ロボコンの為のFusion360講座 #CAD編
ロボコンの為のFusion360講座 #CAD編ロボコンの為のFusion360講座 #CAD編
ロボコンの為のFusion360講座 #CAD編
 
DoGA-L3でお手軽モデリング
DoGA-L3でお手軽モデリングDoGA-L3でお手軽モデリング
DoGA-L3でお手軽モデリング
 
Visual Studio 2012のDirect3Dアプリ開発者向け新機能を知ろう
Visual Studio 2012のDirect3Dアプリ開発者向け新機能を知ろうVisual Studio 2012のDirect3Dアプリ開発者向け新機能を知ろう
Visual Studio 2012のDirect3Dアプリ開発者向け新機能を知ろう
 
Visual Studio 2010で楽しくデバッグ
Visual Studio 2010で楽しくデバッグVisual Studio 2010で楽しくデバッグ
Visual Studio 2010で楽しくデバッグ
 
Fusion360でスマホスタンドをつくってみよう!
Fusion360でスマホスタンドをつくってみよう!Fusion360でスマホスタンドをつくってみよう!
Fusion360でスマホスタンドをつくってみよう!
 
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
第7回 D2D アクセシビリティ勉強会資料「D2Dサイトをアクセシブルにマークアップ」
 
Cod2012 デバッグ講座
Cod2012 デバッグ講座Cod2012 デバッグ講座
Cod2012 デバッグ講座
 
3DCAD導入セミナー~3DCADの選び方~
3DCAD導入セミナー~3DCADの選び方~3DCAD導入セミナー~3DCADの選び方~
3DCAD導入セミナー~3DCADの選び方~
 
Cocos2d x-sprite3d
Cocos2d x-sprite3dCocos2d x-sprite3d
Cocos2d x-sprite3d
 
Azure のポータル画面で、AI フレーバな BOT の作成ハンズオン
Azure のポータル画面で、AI フレーバな BOT の作成ハンズオンAzure のポータル画面で、AI フレーバな BOT の作成ハンズオン
Azure のポータル画面で、AI フレーバな BOT の作成ハンズオン
 
20120630 android ics in Yokohama
20120630 android ics in Yokohama20120630 android ics in Yokohama
20120630 android ics in Yokohama
 
YouTube x GEO CREATOR DAY in Tokyo G2-1, 3D Model Application
YouTube x GEO CREATOR DAY in Tokyo G2-1, 3D Model  ApplicationYouTube x GEO CREATOR DAY in Tokyo G2-1, 3D Model  Application
YouTube x GEO CREATOR DAY in Tokyo G2-1, 3D Model Application
 
Devsumi2013 gunta 2_pdf
Devsumi2013 gunta 2_pdfDevsumi2013 gunta 2_pdf
Devsumi2013 gunta 2_pdf
 
スマートフォン対応、気をつけたいトラブル
スマートフォン対応、気をつけたいトラブルスマートフォン対応、気をつけたいトラブル
スマートフォン対応、気をつけたいトラブル
 
Eclipse ADTとAndroidStudio両方で動かせる開発環境構築
Eclipse ADTとAndroidStudio両方で動かせる開発環境構築Eclipse ADTとAndroidStudio両方で動かせる開発環境構築
Eclipse ADTとAndroidStudio両方で動かせる開発環境構築
 
Flashup 12 Basic Training of Away3D
Flashup 12 Basic Training of Away3DFlashup 12 Basic Training of Away3D
Flashup 12 Basic Training of Away3D
 
Dxライブラリテンプレート作成のすすめ
Dxライブラリテンプレート作成のすすめDxライブラリテンプレート作成のすすめ
Dxライブラリテンプレート作成のすすめ
 
わんくま名古屋#25(20121201) LT:「開発体験テンプレートを使ったストアアプリの作成」
わんくま名古屋#25(20121201) LT:「開発体験テンプレートを使ったストアアプリの作成」わんくま名古屋#25(20121201) LT:「開発体験テンプレートを使ったストアアプリの作成」
わんくま名古屋#25(20121201) LT:「開発体験テンプレートを使ったストアアプリの作成」
 
JJavaプログラム実行の仕組みと、高速・安定動作に向けた取り組み
JJavaプログラム実行の仕組みと、高速・安定動作に向けた取り組みJJavaプログラム実行の仕組みと、高速・安定動作に向けた取り組み
JJavaプログラム実行の仕組みと、高速・安定動作に向けた取り組み
 

2012.7.31 第二回 Stage3D 勉強会「モデリングを始めてみよう」

Notes de l'éditeur

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n