AR ビューアーとは？

3Dモデル（GLB/GLTF）を読み込み、デバイスのカメラとWebXRで部屋に配置できます。拡大縮小・回転・移動して、家具やその他のオブジェクトが実際の空間でどう見えるか確認しましょう。

ビューアは約 20 MB までの GLB / GLTF ファイルを読み込み、WebXR を使ってお使いの端末だけで動作します。Android では完全な平面検出 (ARCore) が利用でき、iOS では AR Quick Look が引き継ぎます。対応端末がなくても、軌道操作、トポロジを確認できるワイヤーフレーム表示、頂点数とポリゴン数を表示する統計パネル、そしてモデルに含まれるアニメーションクリップの再生まで備えた 3D ビューアとして使えます。

使い方

1. GLBまたはGLTF形式の3Dモデルファイルをアップロードするか、内蔵のサンプルオブジェクトから選択してください。
2. 「AR開始」をタップしてカメラを起動し、周囲の環境をスキャンしたら、平面をタップしてモデルを配置します。
3. ピンチで拡大縮小、ひねりで回転、ドラッグで移動できます。スクリーンショットを撮ってAR表示を保存しましょう。

使用するタイミング

• ソファや机、本棚を買う前に部屋にちゃんと収まるか確かめる。
• 打ち合わせや現地視察で、製品のレンダリングを実寸大で見せる。
• 3D プリント前に、キャラクターや彫刻を等身大で目の前に置いて確認する。

結果

オンラインでデスクを探していて、メーカーの3Dモデルをダウンロードしたとします。ARビューアーに読み込み、オフィスのコーナーにカメラを向けて仮想デスクを置けば、スペースに収まるか、インテリアと合うかを確認できます。

よくある質問

スマホで「AR を開始」ボタンが「非対応」と出るのはなぜ?

WebXR には Android の ARCore か iOS の AR Quick Look、それと比較的新しい Chrome または Safari が必要です。古い端末、デスクトップブラウザ、アプリ内ブラウザ(Instagram、Facebook など)はカメラ API を遮断するので、通常の 3D 表示に戻ります。

床をタップしたとき、モデルはどんな縮尺で配置されますか?

GLB ファイル本来の単位を使います。慣例ではメートルです。1.0 単位の椅子は部屋に 1 メートルの椅子として現れます。極端に小さい/大きい場合は、センチメートルやインチで書き出されているので、Blender で先にスケールを直す必要があります。

AR の画面を写真として保存できますか?

できます。スクリーンショットボタンが現在のフレーム(モデルとカメラ映像)をダウンロードに保存します。iOS ではシステムの共有シートが開くので、そこから「写真に保存」を選んでください。

アップロードしたファイルはサーバーに送られますか?

送られません。GLB は three.js でローカル処理され、カメラ映像も端末から外には出ません。タブを閉じればモデルは破棄されます。アカウントもアップロード待ち行列もなく、セッションが終われば何も残りません。

GLB と GLTF の違いは?

GLTF はテクスチャやバイナリバッファを別ファイルで参照する JSON で、GLB は同じ内容を一つのバイナリにまとめたものです。共有しやすいのは GLB。両方読み込めますが、参照テクスチャを失う心配がない GLB の方が安定します。

関連ツール