Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
MikuMikuDance
on FxOS
アジェンダ
• 自己紹介
• 前回のハイライトと反省
• WebGLを使う際の注意点
• MMDをWebGL動かす
– PC
– KEON
– Nexus S
自己紹介
• @inuchin
• 表→ブリリアントサービス所属
• 裏→ディーワード代表
• 3D歴 おおよそ15年
こんなん作ってました
前回のハイライトと反省
• 第2回での発表は、3Dを触ってない人向けに
さわりの部分だけだったので、物足りない、と
いう意見が出てた
• 今回は振り切ります
前回のハイライトと反省
three.js http://threejs.org/
WebGLを使う際の注意点
• Khronos.orgにある「WebGL and OpenGL
Differrences」を参照
http://www.khronos.org/webgl/wiki/WebGL_and_OpenGL_Differ...
MMDをWebGLで動かす
• MMD.jsを借りてきてドヤ顔します
https://github.com/edvakf/MMD.js
– PMD/VMDに対応
– トゥーンシェーダー(CLUT)
– セルフシャドウ(PSM)
• モデルは「つ...
PCのWebGLで動かしてみる
KEONで動かす
• 動きません
• V1.1では完全にハングアップ
• Nightlyを入れると、ハングアップはしないもの
の、画面にポリゴンは表示されない
Nexus Sで動かす
• 遅いですが動作はします
• 負荷はレンダリングよりもIK処理の模様
• Javascript JITが無いとか?
• asm.jsとかが使えれば早くなりそうな予感
どこが遅いのか
• なんとなく行列計算かな(モーション)
• フラグメントシェーダーがリッチかも
• Windowsだからー(Mac上のFFの方が早い)
• モデルが重すぎ
ありがとうございました
Miku mikudance on-fxos-20130828
Upcoming SlideShare
Loading in …5
×

Miku mikudance on-fxos-20130828

6,097 views

Published on

関東Firefox OS勉強会 3rd ごった煮

Published in: Entertainment & Humor
  • Be the first to comment

Miku mikudance on-fxos-20130828

  1. 1. MikuMikuDance on FxOS
  2. 2. アジェンダ • 自己紹介 • 前回のハイライトと反省 • WebGLを使う際の注意点 • MMDをWebGL動かす – PC – KEON – Nexus S
  3. 3. 自己紹介 • @inuchin • 表→ブリリアントサービス所属 • 裏→ディーワード代表 • 3D歴 おおよそ15年
  4. 4. こんなん作ってました
  5. 5. 前回のハイライトと反省 • 第2回での発表は、3Dを触ってない人向けに さわりの部分だけだったので、物足りない、と いう意見が出てた • 今回は振り切ります
  6. 6. 前回のハイライトと反省 three.js http://threejs.org/
  7. 7. WebGLを使う際の注意点 • Khronos.orgにある「WebGL and OpenGL Differrences」を参照 http://www.khronos.org/webgl/wiki/WebGL_and_OpenGL_Differences • 2のべき乗に関する制限(Non-Power-Of-Two) • 頂点データセマンティクスの制限 • doubleが使えない • 3DTexureが使えない • texture2DLodが頂点シェーダでしか使えない • フラグメントシェーダーの精度はGPU依存
  8. 8. MMDをWebGLで動かす • MMD.jsを借りてきてドヤ顔します https://github.com/edvakf/MMD.js – PMD/VMDに対応 – トゥーンシェーダー(CLUT) – セルフシャドウ(PSM) • モデルは「つみだんご」氏のぜかましちゃんを お借りしています
  9. 9. PCのWebGLで動かしてみる
  10. 10. KEONで動かす • 動きません • V1.1では完全にハングアップ • Nightlyを入れると、ハングアップはしないもの の、画面にポリゴンは表示されない
  11. 11. Nexus Sで動かす • 遅いですが動作はします • 負荷はレンダリングよりもIK処理の模様 • Javascript JITが無いとか? • asm.jsとかが使えれば早くなりそうな予感
  12. 12. どこが遅いのか • なんとなく行列計算かな(モーション) • フラグメントシェーダーがリッチかも • Windowsだからー(Mac上のFFの方が早い) • モデルが重すぎ
  13. 13. ありがとうございました

×