ブラウザ上で3Dモデルを表示したい

タイトルの通りですがブラウザ上にで3Dモデルを表示させたいと思っています。
ファイル形式はmaもしくはmb（Mayaのファイルです）で考えてます。

具体例があれば一番ですが実現可能かどうかを教えて頂ければと思っています。
※一度maファイルを別形式にコンバートするスクリプトが必要など

想定する機能としては
・クラウドにアップされているデータをブラウザ上で参照
・回転、アニメーションさせる

以上です。

追記です。

調べた限りobjファイルやfbxファイルなどでは実現可能という
ところまでは分かったのですが、maファイルもしくはmbファイルで実現できるかのとこに
関しては情報がありませんでした（見落としていた可能性はあります）
Mayaから別フォーマットでエクスポートするなどをせずに実現できるかどうかに関しまして
情報をお持ちであればご教示頂きたいです。

行動規範の内容に同意します

回答3件

ベストアンサー

一応できます

詳しくはこちらをごらんください。
https://github.com/mrdoob/three.js/tree/master/utils/exporters/maya

Three.jsというWebGLのライブラリで、MAYA形式のエクスポーターがあります。
自分は.maファイルからjson形式で書き出しました。

かくいう自分も今いろいろ試しているのですが、モデルを表示するだけでしたらいけました。
表示したモデルを回転させたりは、Three.js側でやってしまいましょう。

現在MAYA側で付けたアニメーションをエクスポートするところで苦戦をしているのですが、
アニメーションを全てベイクして、モーフアニメーションと言うかたちでしたら、成功しています。
ただしこの形式だと、書き出したjsonファイルの容量がとても大きくなります。

先程のリンク先ではボーン（ジョイント）も書き出せるようなので、ボーンのアニメーションを書き出せれば軽いjsonファイルになると思います。

もしボーンのアニメーションを書き出せたら、情報共有をお願い致します。

投稿2017/07/07 10:40

編集2017/07/07 10:42

mattari_panda

総合スコア429

mrr0717

2017/07/09 23:49

ありがとうございます！ Mayaからjson形式にエクスポートするプラグインというイメージでしょうか？

mattari_panda

2017/07/10 01:48

そのとおりです、Three.jsで読み込むことの出来るjson形式にエクスポート出来ます。読み込みはこの辺りを参照にしてください。 https://threejs.org/docs/#api/loaders/JSONLoader この例では読み込むファイルの拡張子が.jsになっていますが、.jsonのままでも大丈夫です。

mrr0717

2017/07/10 02:03

丁寧にありがとうございます！やはり一度エクスポートする必要がありそうですね、例えばなんですが Mayaを介さずにmaファイルをJSON形式にコンバートすることは可能なのでしょうか？

行動規範の内容に同意します

「javascript 3d library」で検索するとTreeJSやBabylonJSが見つかります。
stackoverflowで「tree.js maya」で検索するとmaya->OBJ/FBX->TreeJSでできそうに見えます。
BabylonJSのトップページにOBJ/FBXはのっかってました。

ところで、上記は単に検索しただけです。本来は質問者さんご自身が事前に調べた内容を明記して質問していただきたいと思います。さもないと既に質問者さんが調べ済みの情報を回答してしまうかも知れません。

投稿2017/07/07 09:19