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にてaddEventListenerで実行する関数に対して引数を渡す方法
JavaScriptにてaddEventListenerで実行する関数に対して引 ...
-
-
JavaScriptの「Day.js」ライブラリで日付の比較を行う方法
JavaScriptの日時・時刻用ライブラリ「Day.js」を用いて日付の比較を ...
-
-
jQueryでHTMLの特定要素をループ時に逆順で処理する方法
jQueryでリスト(li)タグ等の特定要素をeach()でループ処理する場合、 ...
-
-
VideoBoxでyoutubeの埋め込みをポップアップ表示させる方法
youtubeの埋め込みリンクをLightboxみたいにポップアップ表示させる方 ...
-
-
javascriptで月末日を取得
以前、PHPで月末日を取得したけれども javascriptで月末日を扱いたいケ ...