ブラウザで使える3Dモデルビューア「匠3Dビューアー」を無料公開しました!こちら👇
30秒でこのコードを設置できる!
手順 1. 下のコードをコピー、2. HTMLの任意の場所に貼り付け、3. 完成 🎉
<iframe
src="https://3dprint.yamanex.co.jp/takumi-3d-viewer/"
width="100%"
height="1200px"
frameborder="0"
style="border: none; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"
allow="accelerometer; gyroscope"
loading="lazy">
</iframJavaScript🎯 匠3Dビューアーの解説
ブラウザだけで動作する、プロフェッショナルな3Dモデル表示・計測ツールです。STLやOBJファイルをドラッグ&ドロップするだけで、寸法計測や断面表示など、高度な機能が使えます。
📊 対応ファイル形式
| 形式 | 拡張子 | 最大サイズ |
|---|---|---|
| STL | .stl | 50MB |
| OBJ | .obj | 50MB |
✨ こんな方におすすめ
- 3Dプリンターを使っている方
- CADデータを確認したい方
- モデルの寸法を測りたい方
- クライアントにモデルを見せたい方
- プライバシーを重視する方
🚀 主な特徴
1. 完全プライバシー保護
ファイルは一切サーバーに送信されません!
すべてブラウザ内で処理されるため、機密性の高いデータも安心して扱えます。
2. インストール不要
ブラウザだけでOK!
専用ソフトのインストールは不要。Chrome、Firefox、Safari、Edgeの最新版で動作します。
3. 高機能な計測ツール
| 自動計測 | ・モデルの幅、奥行き、高さ ・体積の推定値 |
|---|---|
| 手動計測 | ・モデル上の任意の2点間の距離 ・単位切り替え (mm/cm/m/inch) |
4. 充実した表示機能
| 基本機能 | ・回転/ズーム/パン操作 ・ワイヤーフレーム表示 ・グリッド・軸の表示切り替え |
|---|---|
| 高度な機能 | ・自動回転: プレゼンに最適 ・カラーカスタマイズ: 好きな色に変更 ・質感調整: メタリック・ラフネスを調整 ・断面表示: モデル内部の確認が可能 |
5. 便利なエクスポート
- 現在の視点からスクリーンショット
- 6方向スクリーンショット: 正面・背面・左右・上下から自動撮影!
6. カスタマイズ機能
「モデル外観」セクションで:
- カラーピッカーで色を変更
- メタリックスライダーで金属感を調整
- ラフネススライダーでツヤを調整
また、「ライトの明るさ」スライダーで照明を調整できます。暗めにして陰影を強調したり、明るくして細部を確認したりできます。
7. 断面表示
「断面表示」セクションで以下の操作をすれば、モデルの内部構造が把握できます。
- 「断面表示を有効化」にチェック
- 切断軸 (X/Y/Z) を選択
- スライダーで位置調整
💡 活用シーン
1. 3Dプリント前の確認
プリント前にモデルをチェック。寸法や断面を確認して、印刷ミスを防げます。
2. クライアントへの共有
URLを送るだけで、クライアントがモデルを確認できます。専用ソフト不要!
3. プレゼンテーション
自動回転機能でモデルを見せながら説明。6方向スクリーンショットで資料作成も簡単!
4. 教育
3Dモデリングの授業で、学生がすぐに使える。インストール不要だから導入も簡単!
🌐 対応端末と対応ブラウザ
以下の端末で動作確認済。
- 💻 Windows 11
- 🍎 MacOS
- 📱 iOS(iPhone17)
- 📱 Android(Pixel10)
- 📒 iPadOS(iPad Pro)
以下のブラウザで動作確認済み
- ✅ Google Chrome (推奨)
- ✅ Mozilla Firefox (推奨)
- ✅ Safari(Mac/iOS/iPadOS)
- ✅ Microsoft Edge
🎁 無料で使えます!
匠3Dビューアーは完全無料でご利用いただけます。個人利用・商用利用ともにOK!ただし、本格的なサポートは行いませんので、御注意ください。