web-dev-qa-db-ja.com

ウェブサイトに3Dモデルを埋め込む

WebサイトにSketchupモデルを埋め込む方法はありますか?できれば無料のものをお勧めします。商用ソリューションの場合は、実際にお金に見合う価値があることの確認をお願いします...回転できる3Dウェアハウスについて知っています(JavaScriptといくつかの画像)が、アップロードできません常に「接続をリセット」するため、3Dウェアハウスには何でも。

11
RobinJ

最新のブラウザで、今後のWebGL関数を試すことができます。モデルファイルを読み取って(HTML 5?)Webサイト内に表示できるJavaScriptライブラリがいくつかあります。私はまだそれらを使用していませんが、これが興味深いと思われる場合は、これらのリンクを試してください。

https://github.com/mrdoob/three.js/

https://github.com/timjb/sketchup-threejs/

11
Stephan B

Three.jsでサンプルゲームのパッチを作りました。 ColladaLoaderおよびSketchupモデルとサードパーソンシューターコントロールを追加: https://github.com/irony/Nemesis 試してみる(Chromeで最適に動作)

http://peaceful-woodland-4410.herokuapp.com/index.html

6

http://sketchfab.com を使用できます。SketchUpエクスポーターさえあります。

4

はい、無料でそれを行うことができます。ここを参照してください: https://help.sketchup.com/en/article/3000258

編集:

Google以外にも無料のレンダリングサイトがいくつかありましたが、現在は稼働していないようです。 Google 3Dウェアハウスに投稿するのが最善の方法です。投稿に関する問題については、Chromeでお試しください。

編集#2:Google 3Dギャラリーにアップロードしたくない場合は、少しの作業で同様の効果を得ることができます。 3Dギャラリーは実際にビジターに3Dで何かを操作する力を与えませんが、さまざまな角度から3Dの一連のプリセット画像を表示するだけで、画像を水平に「回転」させることができます。 3Dオブジェクトのショットを取り、Photoshopにインポートして、回転するオブジェクトの独自のgifを作成できます。 Googleに依存するよりも少し手間がかかるため、価値があるかどうかを判断する必要があります。

編集#3:他のすべてが失敗した場合は、3Dモデルをダウンロード可能なファイルとしてサイトに投稿し、Sketchupに表示するよう訪問者にアドバイスすることができます。

2
Jonathan M