無料3Dモデルビューアー（STL・OBJ・GLB）

実例

「サンプルを試す」を押します。ページ自身が作ったトーラスノット sample-torus-knot.obj が読み込まれ、「自動回転」がオンなのでモデルが回り始めます。ツールバーには「5,120 三角形」と表示され、その下の行は「サイズ: 65.6 × 68.4 × 31.8 mm」となります。最初の単位ボタンの列で「in」を押すと、この行は 2.58 × 2.69 × 1.25 in に変わります。次に「モデルの単位」の横で「cm」を押します。これはファイルがセンチメートルで作られていることをツールに伝える操作で、行は 25.8 × 26.9 × 12.5 in になります。「正面」を押して回転を止め、正面から見た状態にし、「4K」を選んで「PNG を保存」を押します。画像は sample-torus-knot-4k.png という名前で、長辺は 3840 px です。「画面サイズ」を選んだ場合の名前は sample-torus-knot.png です。

使用する設定と制限事項

• モデルは追加ファイルと一緒にドロップします。 このツールで開けるのは STL、OBJ、PLY、GLB、GLTF です。最初にドロップしたモデルファイルがモデル本体になり、それ以外のファイルはすべて追加ファイル（.mtl、.bin、および PNG、JPG、JPEG、WebP、GIF、BMP の画像）として扱われます。追加ファイルはファイル名で照合され、フォルダーのパスは無視されます。そのため、OBJ は .mtl とテクスチャと、GLTF は .bin と画像と、一度にまとめてドロップできます。すると、ページに「2個の追加ファイルを読み込み済み（マテリアルやテクスチャ）」と表示されます。GLB は 1 つのファイルで完結するため、最も確実な選択肢です。
• マウス、タッチ、キーでカメラを動かします。 ドラッグで回転、スクロールまたはピンチでズーム、右ドラッグでパンします。ビューアにフォーカスがあるときは、矢印キーでもパンできます。モデルを読み込んだ時点では「自動回転」がオンで、「表示をリセット」または「正面」「側面」「上面」「斜め」のいずれかを押すと止まります。「平行投影」は遠近感をなくすので、長さを目で比べるときに役立ちます。「グリッド」はモデルの下に床を表示します。「ダーク」「白」「透明」で背景を切り替えます。ビューアの高さは画面の高さの 60 パーセントで、320〜560 px の範囲に収まります。
• サイズを読み取り、単位を確認します。 「サイズ:」には、ファイルが使っている軸で見たモデル全体のバウンディングボックスが表示されます。Z が上を向く STL では、3 番目の数値が高さです。STL、OBJ、PLY のファイルには単位の情報がありません。GLB と GLTF は常にメートルとして読み込まれます。それ以外の形式では、ツールはミリメートルと見なします。ただし最も長い辺が 1 未満の場合はメートルとして読み取ります。サイズが合っていないように見えるときは、「モデルの単位」を mm、cm、m、in のいずれかに変更してください。mm、cm、in のボタンは、結果の表示方法を変えるだけです。小さな値は、0 と表示されないように小数点以下の桁数を多めに保ちます。
• 先に PNG のサイズと背景を決めます。 「PNG を保存」は、現在の角度、背景、グリッドのまま、見えているとおりに保存します。「画面サイズ」は、画面上のキャンバスをそのまま、お使いのデバイスのピクセル密度（最大 2）で保存します。「2×」はビューアのサイズの 2 倍にします。「4K」は縦横比を保ったまま長辺を 3840 px にします。ファイル名はモデル名に -2x または -4k を付けたものになります。「透明」の背景はキャンバスを不透明度ゼロでクリアするので、背景が透けた PNG を作る用途に向いています。
• 形式ごとの描画方法を知っておきます。 STL は CAD やスライサーの慣習である Z 軸が上向きとして扱われるため、まっすぐ立って表示され、フラットシェーディングで描画されます。面を持つ PLY は両面描画のメッシュで、面のない PLY は点群です。点群の場合、ツールバーには「800 点」のような点の数が表示され、「点のサイズ」スライダーが 0.25 から 4 まで 0.05 刻みで現れ、「ワイヤーフレーム」は非表示になります。使える .mtl がない OBJ には、青緑色の単一マテリアルが適用されます。頂点カラーを持つモデルでは、その色が保たれます。
• モデルが無地に見えるときは、足りないファイルを追加します。 OBJ は mtllib 行でマテリアルを指定し、.mtl がテクスチャ画像を指定します。GLTF は .bin ファイルと画像を指定します。.mtl やテクスチャが見つからなくてもモデルは表示され、ページには「見つからないため、モデルが無地に見える場合があります: wood.jpg。」と表示されます。その下に「不足しているファイルを追加」ボックスが現れるので、そこにファイルをドロップすると、モデルがそのファイルを使って再読み込みされます。ファイルに埋め込まれたデータは、そのまま使われます。

よくある問題とその解決方法

「このモデルを読み込めませんでした。」と表示される。

ローダーが、ツール独自のメッセージではないエラーを出したため、技術的な文言の代わりにこの 1 つの文が表示されています。よくある原因は、ファイルの破損や途中切れ、拡張子は正しいのに中身が違うファイル、バージョン 2.0 より古い glTF、そしてこのページにデコーダーがない Draco、Meshopt、KTX2 圧縮を使った GLB です。ブラウザーで WebGL が無効になっている場合も、ここに行き着くことがあります。モデルを通常の GLB または STL で書き出し直してください。サンプルでも失敗する場合は、別のブラウザーを試してください。

「未対応のファイル形式です: scene.fbx」と表示される（実際には自分のファイル名が入ります）。

開けるのは .stl、.obj、.ply、.glb、.gltf だけです。それ以外の 3D 形式は、追加した時点で拒否されます。中身が別の形式であるとページが判別できた場合は、メッセージにその形式名が表示されます。作成したプログラムから、GLB または STL でモデルを書き出してください。.mtl、.bin、画像だけをドロップした場合は、「モデルファイル（STL、OBJ、PLY、GLB、GLTF）を追加してください。マテリアルとテクスチャは、モデルと一緒にのみ使えます。」と表示されます。

「この glTF には追加されていないファイルが必要です: scene.bin。下に追加するか、単一ファイルの .glb を使ってください。」と表示される。

.gltf ファイルは、ジオメトリを別のファイルとして参照しています。ツールは、名前で見つけられなかった .bin をすべて一覧表示し、何も描画しません。ファイルチップの削除ボタンを押してから、.gltf をもう一度、.bin と画像と一緒にドロップしてください。ファイル名は .gltf が指定しているとおりにします。データがファイル内に埋め込まれた glTF には追加ファイルは不要で、.glb は 1 つのファイルで完結します。選べるなら、GLB で書き出してください。

「見つからないため、モデルが無地に見える場合があります: texture.png。」と表示される。

モデルは読み込まれましたが、参照されているテクスチャまたは .mtl が追加されていないため、その面が無地に見えることがあります。指定されたファイルを「不足しているファイルを追加」ボックスに追加してください。名前の照合では、大文字と小文字、フォルダー、? 以降のクエリ部分は無視されるので、Texture.PNG というファイルは「textures/texture.png」と一致します。それでも名前が合わない場合は、モデルが求めている名前にファイル名を変更してください。

「このファイルには表示できる三角形も点もありません。」と表示される。

ファイルの解析はできましたが、ビューアが描画できるものが含まれていません。表示されるのは三角形と点だけなので、線やカメラだけで作られたモデルは空と見なされます。作成したプログラムで元データを開き、書き出しにメッシュが含まれていることを確認して、メッシュまたは点群を選択した状態で書き出し直してください。

比較

これは、見る、回す、サイズを確認する、画像を撮るためのビューアです。編集、修復、スライス、体積の計測、形式の変換、3D ファイルの保存はできず、開ける形式も 5 つだけです。編集、修復、スライスには、デスクトップのモデリングソフトやスライサーを使ってください。表示されるサイズはファイル自身の軸で見たバウンディングボックスであり、重さや体積ではありません。非常に大きなモデルは、お使いのデバイスのメモリとグラフィックス性能に左右されます。描画解像度は、画面のピクセル密度の 2 倍が上限です。その代わり、インストールは不要で、モデルは three.js と WebGL を使ってブラウザー内で描画されます。