什么是AR 查看器?

加载3D模型(GLB/GLTF),通过设备摄像头和WebXR将其放置在房间中。缩放、旋转、移动物体,看看家具或其他物品在实际空间中的效果。

查看器可加载约 20 MB 以内的 GLB 与 GLTF 文件,完全在你的设备上通过 WebXR 运行。安卓端可获得完整的表面追踪 (ARCore);iOS 则由 AR Quick Look 接管。即便没有兼容设备,页面也能作为常规 3D 查看器使用,提供轨道控制、线框检查、显示顶点与多边形数量的统计面板,以及模型内嵌动画片段的内置播放功能。

使用方法

  1. 上传 GLB 或 GLTF 3D 模型文件,或从内置示例对象中选择一个。
  2. 点击“启动 AR”激活摄像头并扫描环境——点击平面即可放置模型。
  3. 捏合缩放、旋转和拖动来调整物体。截图保存当前 AR 视角。

何时使用

  • 买沙发、书桌、书架之前,先看看尺寸放进房间合不合适。
  • 客户会议或现场考察时,把产品按真实比例展示出来。
  • 3D 打印之前,先把模型按真人大小放在面前预览效果。

结果

您在网上挑选书桌,下载了厂商提供的 3D 模型。将模型加载到 AR 查看器,用摄像头对准办公室角落,放置虚拟书桌即可直观判断尺寸是否合适、风格是否协调。

常见问题

为什么我的手机上「启动 AR」按钮显示「不支持」?
WebXR 需要安卓的 ARCore 或 iOS 的 AR Quick Look,以及较新的 Chrome 或 Safari。老款手机、桌面浏览器,以及很多应用内浏览器(微信、Instagram)会禁用摄像头 API,这时只能用普通 3D 预览。
点击地面时,模型按什么比例摆放?
使用 GLB 文件的原始单位,通常约定是「米」。1.0 单位的椅子就会变成一米高的椅子放在你房间里。如果显得特别小或特别大,说明导出时用了厘米或英寸,需要先在 Blender 里调比例。
AR 画面可以保存成图片吗?
可以。截图按钮会把当前画面(模型加摄像头实景)保存到下载文件夹。iOS 会调用系统分享菜单,在那里能选择保存到相册。
上传的模型会发到服务器吗?
不会。GLB 文件通过 three.js 在本地解析,摄像头画面也不离开设备。关掉网页,模型就丢弃了。没有账号,没有上传队列,会话结束后什么都不留。
GLB 和 GLTF 有什么区别?
GLTF 是 JSON 文件,需要单独引用贴图和二进制数据;GLB 把这些都打包到一个二进制文件里,分享更方便。两种格式都支持,但 GLB 不会丢失贴图文件,所以一般更可靠。

相关工具