web-dev-qa-db-ja.com

JavaScript / HTML5で3Dモデルを表示する

ブラウザで3Dモデルをレンダリングしようとしています。どのツールを使用する必要がありますか/どの場所を見る必要がありますか？

モデルのデータ形式がわからないため、そのデータを任意の方法でフォーマットするようにリクエストすることができます。

three.js を見ていますが、動作するにはWebGLが必要なようです。これはIEではサポートされていないようです。

「クロスブラウザ互換のHTML 3dレンダリングエンジン」は存在しますか？ :)

javascripthtml53dwebgl
25
Goro

私はまだ3Dで遊んでいませんが、HTML5の3Dでリソースを調達するのに適した場所を知っています。

http://www.html5rocks.com/en/gaming

また、Three.js Frameworkを使用して3Dモデルを作成する方法に関するチュートリアルがあります。

http://www.html5rocks.com/en/tutorials/three/intro/

これはあなたを助けるかもしれません。がんばろう。

22
Etienne Dupuis

また、あなたが探しているものが必要であり、いくつかの研究を行いました。

見つけましたJSC3D（ https://code.google.com/p/jsc3d/ ）。これは完全にJavascriptで記述されたプロジェクトで、HTMLキャンバスを使用します。 Opera、Chrome、Firefox、Safari、IE9などでテストされています。

次に、p3d.inおよびSketchfabのようなサービスがあり、 Webページで3Dモデルを表示するには、HTML5とWebGLを使用する素晴らしい読者です。両方とも無料版があります。

6
Francesco Bonomi

mayaなどの3Dツールを使用していますか？マヤについては、 http://www.inka3d.com をご覧ください。

3
Jochen

数年後、私はthree.jsに投票します。

すなわち、11はwebglをサポートしています（通常はchromeを使用しているため、どの程度まで保証できません）

そして、外部モデルをthree.jsにインポートする限り、mrdobbの更新されたローダーへのリンクがあります（非常に多く！）

http://threejs.org/examples/webgl_loader_json_blender.html など

1
user3325025