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データのサイズが大きいとブラウザで見たときに、かなり重たく感じた。固定回線でこれだったら、無線とか出先で見る場合はファイルサイズ自体を落としておかないと厳しそう。
関連記事
-
-
jQueryで後から追加した要素にhasClass / addClass / removeClassを使用した際の挙動
jQueryで後から追加した要素にhasClass / addClass / r ...
-
-
パスワードの強度を判定できる「zxcvbn」ライブラリの使用方法
アカウントを作成するようなページで偶にパスワードの強度を判定してメーターで表示さ ...
-
-
Lightbox.jsでCSP(コンテンツセキュリティポリシー)エラーが発生した際の対応方法
CSP(コンテンツセキュリティポリシー)設定を行っているサーバーでLightbo ...
-
-
jquery.cookie.jsで「$.cookie is not a function」エラー
フロントエンド側でCookieを利用したい場合jquery-cookieを用いる ...
-
-
ラジオボタンのカスタムデータ属性を取得し、特定の値の場合はチェックさせない方法
ASPを使用したサイトで特定のradioボタンは選択不可にしたいというケースがあ ...