無料オンラインglTFビューア
.glb、または.binや画像と一緒の.gltf(まとめて選択するかzip化)をドロップすると、スタジオ照明下でPBRマテリアルを確認でき、三角形数、マテリアル、実寸をチェックできます。Dracoやmeshoptのファイルも開けます。無料、アップロードなし。
- .gltf + .bin または .glb
- Draco + meshopt
- .zipを1つドロップ
- アップロードなし
glTFファイルをオンラインで表示する方法
- 01
.gltfまたは.glbをドロップ
上のビューアにファイルをドラッグするか、ファイルを選択をクリックします。.glbは単体で完結します。.gltfで.binや画像ファイルが別になっている場合は、それらをまとめて選択するか、すべて一度にドラッグするか、フォルダの.zipを1つドロップすると開けます。サンプルを試すでテストモデルを読み込めます。 - 02
マテリアルとメッシュを確認
オービット、ズーム、パン。モデルはスタジオ環境でライティングされるため、メタル感とラフネスが正しく表現されます。クレイモードはテクスチャを隠し、ワイヤーフレームはトポロジーを表示、自動回転はターンテーブル表示、カメラボタンはPNGを保存します。 - 03
統計情報を確認
このglTFファイルビューアで扱えるもの
ローダーはthree.jsのGLTFLoaderで、多くのWeb 3Dサイトが採用しているのと同じコードです。そのため、ここで表示される内容は、モデルがWeb上でどう動作するかを判断する良い目安になります。
PBRマテリアル
Dracoとmeshopt
KHR_draco_mesh_compressionまたはEXT_meshopt_compressionで圧縮されたファイル、および量子化されたメッシュをブラウザ内でデコードします。テクスチャ数
メッシュとマテリアル
実寸
ローカルのみ
glTFとGLBの違い、そして.binが別ファイルになる問題
glTFには2つのパッケージがあります。GLBはバイナリで、JSON、ジオメトリ、画像が1つのファイルに入っています。.gltfはJSONファイルで、バイナリデータをbase64テキストとして埋め込むか、別ファイル(通常は.binバッファとPNG/JPGテクスチャのフォルダ)を参照します。
GLBは常に単体で動作し、データが埋め込まれた.gltfも同様です。ファイルが別々の.gltfの場合、glTFビューアに.gltf、.bin、画像をまとめて渡してください(複数選択、すべてドラッグ、または.zipを1つドロップ。フォルダ自体のドラッグは動作しません)。ファイルは名前で照合されるため、JSON内のフォルダパスは関係ありません。パネルでは追加で読み込んだファイル:の下に一覧表示されます。
.binが見つからない場合、モデルを構築できないため、ビューアはこのモデルには含まれていないファイルがあります: model.binと表示して停止し、ファイル名を示します。画像の欠落はより寛容で、モデルは開き、アンバー色の含まれていません:メモにそれらが一覧表示されます。.gltfを自己完結型にするには、BlenderでglTF Binary (.glb)としてエクスポートするか、gltf-transform copy model.gltf model.glbを実行します。glTF vs GLBガイドでは、それぞれのパッケージが適切な場合を説明しています。
他に知っておくべき制限が2つあります。アニメーションは読み込まれますが再生されず(モデルはレストポーズで表示されます)、KTX2 / Basis Universalテクスチャはデコードされません。
オンラインglTFビューア:対応機能
| 機能 | 対応 |
|---|---|
| .glb(バイナリglTF 2.0) | はい |
| バッファ埋め込みの.gltf | はい |
| 別の.binと画像を持つ.gltf | はい。まとめて選択するか、.zipをドロップ |
| .binの欠落 | 欠落ファイル名を示すエラー |
| PBRメタリックラフネスマテリアル | はい |
| Dracoメッシュ圧縮 | はい |
| Meshopt圧縮と量子化 | はい |
| PNG、JPG、WebPテクスチャ | はい |
| KTX2 / Basisテクスチャ | いいえ |
| アニメーション再生 | いいえ。レストポーズのみ |
| ファイルサイズ | 最大200 MB |
リリース前にglTFを確認するためのヒント
- クレイモードでモデルを見て、ジオメトリの問題とテクスチャの問題を切り分ける
- Webアセットは数MB以内に。まずテクスチャを圧縮する(通常は容量の大部分を占めます)
- 商品モデルをARで使う前に、実寸がメートルで正しく表示されるか確認する
- GLBビューアまたはこのページを同じように使えます。どちらも.glbを開けます
- モデルに別の.binがある場合は.gltfだけをドロップしない。.binも含めるか、フォルダをzipにする
- ここでアニメーション再生やglTFバリデーションレポートを期待しない
- 8Kテクスチャをスマートフォンに配信しない。ほとんどのWeb表示では2Kで十分
- ここで正しく見えるモデルがすべてのエンジンで同じに見えると決めつけない。ターゲットでも確認する
別のglTFビューアを使うべきとき
関連するglTFツール
FAQ
よくある質問
glTFファイルを開くには?
このglTFビューアは無料ですか?
.gltfファイルが開かないのはなぜですか?
Draco圧縮のGLBは対応していますか?
ここでglTFアニメーションを再生できますか?
ファイルはアップロードされますか?
glTFビューアとGLBビューアの違いは何ですか?
無料で始める
今すぐglTFを表示
上のglTFビューアに.gltfまたは.glbをドロップして、ブラウザ内でマテリアル、圧縮、サイズを確認しましょう。
無料・ブラウザで動作・登録不要