WebXR ルームスキャン & GLB 書き出し
AR

WebXR ルームスキャン & GLB 書き出し

Meta Quest 3 / 3S / Pro のシーンメッシュを WebXR Mesh Detection で取得し、部屋の形状を GLB ファイルとしてその場でダウンロードできるデモ。IWSDK と Three.js GLTFExporter で実装。

難易度

上級

フレームワーク

IWSDKThree.js

対応デバイス

Meta Quest 3Meta Quest 3SMeta Quest Pro

Meta Quest 3 / 3S / Pro のシーンメッシュ機能を WebXR から扱うデモです。パススルー越しに部屋のメッシュがワイヤーフレームで可視化され、セマンティックラベル(床・壁・天井・家具)ごとに色分け表示されます。

EXPORT GLB ボタンを押すと、その瞬間のメッシュと平面を .glb ファイルとして Quest のダウンロードフォルダに保存します。保存された GLB は Blender や Three.js ビューワで開けるため、個人の部屋スキャン用途にも使えます。

使用する WebXR 機能: mesh-detection(Quest 独自拡張)、plane-detectionanchorsdom-overlay。Android Chrome や iOS Safari は Mesh Detection 未対応のため非対応です。