web-dev-qa-db-ja.com

HTMLページの3Dモデル

Webページに表示したい3D CADモデルがあります。<img>タグのような形式で表示したいです(たとえば、他のすべてのものとインラインではなく別のページとして)そして、訪問者がモデルを回転させて、さまざまな視点からモデルを表示できるようにしたいと思います。

どのようなオプションがありますか?

私が考えている/見ているもの


編集:モデルはそれほど複雑ではないため、パフォーマンスは大きな問題ではありません。

13
BCS

Chrome Experimentsは、いくつかの3DJavascriptアプリケーションをリリースしました。次に例を示します。 Colors Cube

7
Jacob

Papervison3D は一見の価値があるかもしれない3Dフラッシュライブラリです。自分で遊ぶ機会はありませんでしたが、デモの中には見栄えのするものもあります。

4
Pete Kirkham

PapervisionとUnity3Dは、パイプラインインとクイックロードに最適です。フラッシュはほとんどの機械加工にインストールされていますが、COLLADA形式でエクスポートする必要があり、停止するまでに2000ポリゴンの制限があります。

Unity 3Dには優れたパイプラインがあり、インディーは無料で利用できます。非常に高いポリゴン数をサポートし、プラグインはブラウザを再起動せずにインストールされ、約4MBです(FlashとSliverlightは両方とも4MBを超えています)。

別のオプションはTorque3Dかもしれませんが、それも非常にゲームベースです。私はあなたの最良の選択肢はUnity3Dだと思います。 FBXとしてエクスポートし、約5分でWebに公開できます。

将来的には、GoogleまたはWebGLのO3Dを使用できるようになりますが、プライムタイムの準備はできていません。現在、適切なポリカウントでWeb上で3Dを取得するための唯一の機能的な単純なパイプラインは、Unity3Dです。 FlashやSilverlightと同じように、PCやMacでも動作します。

2

CADアプリファイル形式。IIRC、フラッシュはハードウェアアクセラレーションによる3Dグラフィックスを実行できません。一方、a Javaアップル缶(適切なライブラリを使用)。

2
tkotitan

Sketch Fab という新しいツールが数か月前にリリースされました。完全にHTML5で設計されており、非常に強力なようです。

2
ChrisR

オートデスクは、新しいビューアAPIを発表します。

http://through-the-interface.typepad.com/through_the_interface/webtech/

1
Rizzo

また、より多くのブラウザで実装されている<canvas>タグを確認することもできます。モデルを表示するためのJavaScriptライブラリはおそらくすでに存在します。

1
greyfade

QuickTimeVRを検討してください。それはあなたが求めるものの多くを可能にし、あなたはオリジナルを持っているので、あなたはかなり正確なモデルを作成することができます。

1
Paulo

キャンバスタグベースのJavaScript描画APIが採用されているようです。 FF 3.5でのみ機能しますが、この最近リリースされたキャンバス3d jsライブラリを参照してください: http://www.c3dl.org/

1
Joy Dutta
1
NeARAZ

VRMLは良い選択かもしれません。 Parallel Graphics から入手できる優れたクライアントがあります。これは私がかなり長い間使用してきました。私の ウェブサイト にいくつかのVRMLモデルがあります(内容は非常に簡単ですが!)。モデルは、特にそれほど大きくない場合は、非常に高速にロードされます。利用可能なナビゲーションモードはいくつかあり、ユーザーがモデルを回転できるように「調べる」ようにロックできます(実際には、オブジェクトの周りを移動するのはカメラです)。

VRMLファイルを書き込めるプログラムを見つける必要がありますが、まともなモデラーなら誰でもそのオプションを利用できます。

1
ChrisF

ご覧ください http://labs.autodesk.com/technologies/freewheel/

Project FreeWheelは、Autocad、Invertor、またはRevitで作成された2Dおよび3Dモデルを表示できます。 DWFか何かを使っていると思います。

現時点では、独自のサーバーでFreeWheelをホストすることはできませんが、DWFをAutodeskにアップロードして、モデルをIFrameに表示することはできます。

1
Sorskoot

このプラグインを使用して Dモデルのhtmlファイル を作成できます。それは単一のhtmlファイルを生成し、あなたはそれをあなたのウェブサイトのどこでも使用することができます、あるいはあなたはそれをクライアントに送ることもできます

0
Bharat

A3dsViewer -HTML5(three.js)へのエクスポートを提供するか、Googleドライブに直接エクスポートして、ページ用に生成された<iframe>URLを取得することができます。エクスポートされたHTML5モデルには、デフォルトで回転機能が含まれています。

0
Slider

モデルを回転できるユーザー向けのスクリプトコードを備えたShockwave。

0
Jim Buck

JavaScript 3Dレンダリングエンジンは次のとおりです: pre3d

まだチェックアウトしていない場合、Doob氏は3Dグラフィックスとモデリング用のライブラリを持っています: ホームページ および three.jsのgitリポジトリ

0
Mark Essel