3Dデータ(objファイル)をブラウザ上で表示する方法(JSC3D)
2024/06/06
3Dデータをブラウザで表示させて、違う方向から見たり、縮小拡大をしたいという案件があった。JSC3Dというjavascriptプラグインでいけそうなのでメモ。
JSC3D
https://code.google.com/p/jsc3d/
サンプル
https://taitan916.info/sample/3dview/obj.html
PC上で3Dデータを見るフリーソフト
2D画像だったらwindowsのデフォルトのビュアーとかペイントで見られるけど、3Dデータを見る場合は「DesignSpark Mechanical」がフリーソフトで良さそう。
DesignSpark Mechanical
http://www.vector.co.jp/soft/dl/winnt/business/se504347.html
使い方
サンプル用のフリー素材
サンプル用の3Dフリー素材は以下が色々種類あった。
http://www.turbosquid.com/Search/3D-Models/free
その他
3Dデータのサイズが大きいとブラウザで見たときに、かなり重たく感じた。固定回線でこれだったら、無線とか出先で見る場合はファイルサイズ自体を落としておかないと厳しそう。
関連記事
-
-
JavaScriptにて電子書籍や漫画ビューア用のライブラリ「ToraViewer」の利用方法
電子書籍や漫画ビューア用を設置したい。条件としてはレスポンシブ対応していること。 ...
-
-
Leafletでマップ上に通知(トースト)機能を追加する方法(Leaflet.Notifications)
Leafletでマーカー内のボタンクリック時等、ユーザーが何らかのアクションを行 ...
-
-
ライブラリ等を使用せずファイルをドラッグ&ドロップでアップロードする方法
formにドラッグ&ドロップでファイルをアップロードする機能を実装する場 ...
-
-
jQuery UIでカレンダーピッカー(Datepicker)の利用方法
フォーム等で日付を入力する際にカレンダーピッカー機能を実装することがある。その際 ...
-
-
国土地理院のAPIを使用して無料でジオコーディング(住所→経度緯度)を行う方法
GoogleMapAPIでジオコーディングをするには、支払い情報を登録したアカウ ...