Webページに表示したい3DCADモデルがあります。タグのような形式で表示したいのですが<img>
(たとえば、別のページとしてではなく、他のすべてのものとインラインで表示したい)、訪問者がモデルを回転させてさまざまな視点からモデルを表示できるようにしたいと思います。
どのようなオプションがありますか?
私が考えている/見ているもの
編集: モデルはそれほど複雑ではないので、パフォーマンスは大きな問題ではありません。
Webページに表示したい3DCADモデルがあります。タグのような形式で表示したいのですが<img>
(たとえば、別のページとしてではなく、他のすべてのものとインラインで表示したい)、訪問者がモデルを回転させてさまざまな視点からモデルを表示できるようにしたいと思います。
どのようなオプションがありますか?
私が考えている/見ているもの
編集: モデルはそれほど複雑ではないので、パフォーマンスは大きな問題ではありません。
Chrome Experiments は、いくつかの 3D Javascript アプリケーションをリリースしています。例を次に示します。 カラー キューブ
Papervison3Dは、一見の価値があるかもしれない3Dフラッシュライブラリです。自分で遊ぶ機会はありませんでしたが、デモの中には見栄えのするものもあります。
PapervisionとUnity3Dは、パイプラインインとクイックロードに最適です。フラッシュはほとんどの機械加工にインストールされていますが、COLLADA形式でエクスポートする必要があり、停止するまでに2000ポリゴンの制限があります。
Unity 3Dには優れたパイプラインがあり、インディーは無料で利用できます。非常に高いポリゴン数をサポートし、プラグインはブラウザを再起動せずにインストールされ、約4MBです(FlashとSliverlightは両方とも4MBを超えています)。
別のオプションはTorque3Dかもしれませんが、それも非常にゲームベースです。私はあなたの最良の選択肢はUnity3Dだと思います。FBXとしてエクスポートし、約5分でWebに公開できます。
将来的には、GoogleまたはWebGLのO3Dを使用できるようになりますが、プライムタイムの準備はできていません。現在まともなポリカウントでウェブ上で3Dを取得するための唯一の有能なシンプルなパイプラインはUnity3Dです。これは、FlashやSilverlightと同じようにPCとMacで動作します。
CADアプリのファイル形式などの3Dサポートでフラッシュがどれほど優れているかわかりません。IIRC、フラッシュはハードウェアアクセラレーションによる3Dグラフィックスを実行できません。一方、Javaアプレットは(適切なライブラリを使用して)できます。
Sketch Fabという新しいツールが数か月前に登場しました。HTML5 で完全に設計されており、非常に強力なようです。
また、より多くのブラウザで実装されている<canvas>タグを確認することもできます。モデルを表示するためのJavaScriptライブラリはおそらくすでに存在します。
VRMLは良い選択かもしれません。Parallel Graphicsから入手できる優れたクライアントがありますが、これは私がかなり長い間使用してきました。私のウェブサイトにはいくつかのVRMLモデルがあります(内容は非常に簡単ですが!)。モデルは、特にそれほど大きくない場合は、非常に高速にロードされます。利用可能なナビゲーションモードはいくつかあり、ユーザーがモデルを回転できるように「調べる」ようにロックできます(実際には、オブジェクトの周りを移動するのはカメラです)。
あなたはVRMLファイルを書くことができるプログラムを見つける必要があるでしょう、しかしどんなまともなモデラーもそのオプションを持っているでしょう。
QuickTime VR を検討してください。それはあなたが求めるものの多くを可能にし、オリジナルを持っているので、かなり正確なモデルを作成することができます.
Autodesk は、新しいビューアー API を公開しています。
http://through-the-interface.typepad.com/through_the_interface/webtech/
ユニティ: http://unity3d.com
キャンバス タグ ベースの JavaScript 描画 API が取り上げられているようです。FF 3.5 でしか動作しませんが、最近リリースされた canvas 3d js ライブラリを参照してください: http://www.c3dl.org/
http://labs.autodesk.com/technologies/freewheel/をご覧ください。
Project FreeWheel は、Autocad、Invertor、または Revit で作成された 2D および 3D モデルを表示できます。DWFか何かを使用していると思います。
現時点では、独自のサーバーで FreeWheel をホストすることはできませんが、DWF を Autodesk にアップロードして、モデルを IFrame で表示することはできます。
これが JavaScript 3D レンダリング エンジンです: pre3d。
まだチェックしていない場合は、Doob 氏が 3D グラフィックスとモデリング用のライブラリを持っています:ホームページと、three.js の git リポジトリです。
このプラグインを使用して、3D モデルの html ファイルを作成できます。単一の html ファイルを生成し、Web サイトのどこでも使用したり、クライアントに送信したりできます。
ユーザーがモデルを回転できるようにするためのスクリプト コードを含む Shockwave。
A3dsViewerを使用できます- HTML5(three.js) へのエクスポートを提供するか、Google ドライブに直接エクスポートして、生成さ<iframe>
れたページの URL を取得できます。エクスポートされた HTML5 モデルには、デフォルトで回転機能が含まれています。