3Dデータ(obj,stlファイル)をブラウザ上で表示する方法
3Dデータをブラウザで表示させて、違う方向から見たり、縮小拡大をしたいという案件があった。
JSC3Dというjavascriptプラグインでいけそうなのでメモ。
■ダウンロード先とサンプル
・JSC3D
https://code.google.com/p/jsc3d/
・サンプルstlファイル版
http://sample.taitan916.info/3dview/stl.html
・サンプルobjファイル版
http://sample.taitan916.info/3dview/obj.html
■PC上で3Dデータを見るフリーソフト
2D画像だったらwindowsのデフォルトのビュアーとかペイントで見られるけど、3Dデータを見る場合は「DesignSpark Mechanical」がフリーソフトで良さそう。
・DesignSpark Mechanical
http://www.vector.co.jp/soft/dl/winnt/business/se504347.html
■サンプル用のフリー素材
サンプル用の3Dフリー素材は以下が色々種類あった。
・TURBOSQUID
http://www.turbosquid.com/Search/3D-Models/free
■その他
3Dデータのサイズが大きいとブラウザで見たときに、かなり重たく感じた。固定回線でこれだったら、無線とか出先で見る場合はファイルサイズ自体を落としておかないと厳しそう。
関連記事
Lightboxで画像拡大時に閉じるボタンの位置を右上に変更
Lightbox(バージョン2.7.1)で画像拡大時に閉じるボタンの位置を右下か ...
javascriptでのエラーログ
PHPでのエラーログ取りが思いのほか便利だったので JSについても簡単にログ取り ...
jQueryの日付&時間のピッカー(bootstrap-datetimepicker)について
日付のピッカーはよく見るけど、時間のピッカーはあまり見ないので、普通のセレクトメ ...
JavaScriptの三項演算子
いつもと違う書き方? 使い方の三項演算子が あったのでメモ。 ■ソース var ...
JavaScriptで文字列から数値(特に小数)へ変換時の注意点
JavaScriptで文字列から数値へ変換時に想定していた結果と異なることがあっ ...