3D GLTF/GLBモデルの表示方法
3Dモデルをアップロード
GLTF/GLBファイルをドラッグ＆ドロップまたは選択。GLTFモデルの場合、メインの.gltfファイルと関連する.binファイルやテクスチャをアップロードできます。
モデルを探索
マウスコントロールを使用して、3Dモデルをインタラクティブビューアーで回転（左クリック+ドラッグ）、ズーム（スクロール）、パン（右クリック+ドラッグ）。
環境をカスタマイズ
照明ボタンをクリックして異なる環境プリセットを切り替え。自動回転を切り替え、モデル情報パネルを表示。
キャプチャ＆共有
カメラボタンでモデルの高品質スクリーンショットを撮影。モデルはリアリスティックなシャドウを伴うグリッドに自動的に配置されます。
主な機能
完全なGLTF/GLBサポート
外部binファイルやテクスチャの自動処理によるGLTFおよびGLB 3Dモデルの表示。複数のアセットを持つ複雑なモデルをサポート。
インタラクティブな3Dコントロール
マウス/タッチサポートによる完全なオービットコントロール - モデルを回転、ズーム、パン。プレゼンテーションやショーケース用の自動回転オプション。
動的な照明環境
サンセット、夜明け、夜、倉庫、森、アパート、スタジオ、都市、公園、ロビーを含む10種類のHDR環境プリセットから選択可能。
アニメーション＆スクリーンショットサポート
埋め込みアニメーションを再生し、適切な照明とシャドウを伴う高品質PNGスクリーンショットをキャプチャ。
GLTF/GLB 3Dモデルビューアーとは？
GLTF/GLBビューアーは、GLTF（GL Transmission Format）標準の3Dモデルを表示および操作するためのツールです。GLTFは3Dコンテンツ配信の最新標準で、GLBはそのバイナリバージョンです。私たちのブラウザベースのビューアーは、Three.jsやReact Three Fiberを使用して、適切な照明、シャドウ、マテリアルを伴うモデルをレンダリングします。シンプルなGLBファイルから、外部リソースを持つ複雑なGLTFプロジェクトまで対応しています。
なぜ私たちの3Dモデルビューアーを使用するのか？
完全なプライバシーとセキュリティ
すべての3Dモデルはブラウザ内でローカルに処理されます。ファイルはデバイスを離れることがないため、専有または機密の3Dコンテンツのプライバシーが完全に保たれます。
プロフェッショナルなレンダリング品質
リアリスティックなシャドウ、HDR照明環境、適切なマテリアル処理を伴う高品質なWebGLレンダリングで、プロフェッショナルなモデル検査が可能です。
複雑なモデルサポート
シンプルなGLBファイルから、外部binファイル、テクスチャ、アニメーションを持つ複雑なGLTFプロジェクトまで対応。リソースの自動バンドリングと検証。
インタラクティブ機能
完全な3Dナビゲーションコントロール、環境照明オプション、自動回転、モデル情報表示、スクリーンショットキャプチャ機能。
よくある質問
GLTFファイルとGLBファイルの違いは何ですか？
GLTFはJSONベースのフォーマットで、.bin（バイナリデータ）やテクスチャ画像などの外部ファイルを参照できます。GLBはすべてのリソースが1つのファイルに含まれるバイナリフォーマットです。私たちのビューアーは両方のフォーマットを自動的にサポートします。
アニメーション付きのモデルを見ることができますか？
はい、ビューアーはGLTF/GLBファイルに埋め込まれたアニメーションを自動的に検出し再生できます。利用可能な場合はアニメーションコントロールを使用して、再生、一時停止、異なるアニメーション間の切り替えができます。
テクスチャファイルを別にアップロードする必要がありますか？
GLBファイルの場合、テクスチャは埋め込まれています。GLTFファイルの場合、メインのGLTFファイルと一緒にテクスチャファイル（.jpg, .png, .webp, .avif）をアップロードすることができ、ビューアーが自動的にそれらを関連付けます。
ファイルサイズの制限はありますか？
人工的なファイルサイズ制限はありません。ビューアーはモデルを完全にブラウザ内で処理するため、唯一の制限はデバイスの利用可能なメモリと処理能力です。
3Dモデルのスクリーンショットを撮ることができますか？
はい、右上のカメラボタンを使用して、現在の照明とカメラ位置でモデルの高品質PNGスクリーンショットをキャプチャできます。