AR 互动展示

基于 AR.js + A-Frame 的增强现实体验
请准备好 Hiro Marker 后开始

请在手机或屏幕上显示以下 Marker 图案
Hiro Marker
Hiro Marker — 将摄像头对准此图案即可触发 AR
📷

请将摄像头对准 Hiro Marker

AR 互动展示应用

技术栈

• A-Frame 1.6.0 — Web 3D/VR/AR 框架
• AR.js — 轻量级 Web AR 库
• 纯前端实现,无需后端

功能说明

• 🔷 几何体:展示旋转的 3D 几何体组合
• 🪐 太阳系:迷你太阳系模型,行星公转
• 🏙️ 城市:微型城市建筑群
• 🎨 换色:切换模型主题色
• 📸 截图:保存当前 AR 画面

使用方法

1. 在另一设备上打开 Hiro Marker 图片
2. 将摄像头对准 Marker
3. 使用底部按钮切换场景和交互