实战匠坊

功能列表

1、AR图像跟踪

通过AR图像跟踪可以实现让画面动起来的特效。它可以广泛应用于产品包装、艺术作品、墙面图案、宣传海报等场景，数字内容和现实场景融合在一起，给人带来不同寻常的视觉感受！

2、AR场景融合

微信AR小程序实景识别后，展示虚拟数字动画特效，然后与现场实景融合在一起。这样数字空间与现实世界的融合，为游客带来不同寻常的视觉盛宴。

3、AR遮罩特效

与实景识别并跟踪后，运用遮罩模型带来一种穿透感，不仅可以用于大场景（例如：建筑物、户外广告、大型装置），也可以运用于普通地面、平地，它能带来各种神奇效果，常配合AR实景游戏的剧情内容展示。

4、AR空间定位

基于空间定位及平面跟踪技术，可以召唤3D动画精灵并摆放在现实空间里，观众还可以和它们拍照合影留影，非常有趣。

5、AR面部滤镜

AR面部滤镜在国外Snapchat平台上非常火爆。现在，我们通过AR小程序也能实现类似功能，通过跟踪面部特征点，试戴道具或趣味滤镜，实时跟踪。

6、AR梦幻天穹

有一种特效叫做凹陷，在特定平面上种产生一种立体凹陷效果，例如：地面上出现深坑，包装上实现透视，墙面上出现裂缝，这些奇特效果最能吸引眼球。

7、AR传送门

在科幻片中，我们经常看到这样的场景，即从一扇门进入，从另外一个世界走出，这样的感觉难道不神奇吗？我们现在让它成为现实，通过AR技术开启属于你自己的那扇传送门。

8、AR虚拟导游

元宇宙潮流下关键角色之一，AR虚拟人可以作为博物馆、展厅、景区等场景下的虚拟讲解员，通过图文并茂、生动语音为观众提供贴心讲解服务。

9、AR蒙版拍照

各种活动都少不了拍照，AR趣味拍照让拍照形式多样化，更酷、更炫、更好玩。那种传统的拍照相框全部被其替代，拍照及分享两不误。

10、AR时空相册

传统的拍照大多需要身处某个场景，然后取景拍照留影，现在让我们打破时空限制，让您可以去任何一个虚拟场景进行拍照，犹如时空穿梭，移形换影。

11、AR雷达向导

在旅游景区，不少人对平面地图一脸困惑，通过AR雷达向导方式能真正解决游客迷失方向的问题。它的特点是能快速及简单，让游客对特色景点、出入口、公共服务点的方位及距离，一目了然。

12、VR全景体验

基于原生小程序接口开发的VR全景浏览模块，可以为观众带来身临其境的感觉，可用于文旅景区、汽车展示或其他观众不便进入的场景。

项目开发AR系列

搭建本机开发环境: https://t.zsxq.com/4hmr5
window电脑使用手机的摄像头: https://t.zsxq.com/yyStx

可以快速的试错，避免每次举起手机扫码识别

标记跟踪案例：https://t.zsxq.com/DpKgB
自定义标记跟踪案例: https://t.zsxq.com/NhD6v
图像跟踪案例：https://t.zsxq.com/xOgVr
ar.js使用three.js提供的glb示例模型：https://t.zsxq.com/uVVeM
项目开源代码： https://gitee.com/diyai/ar
通过手机拍照利用AR将实物照片传到Photoshop的工具：

练手项目

博物馆/展览馆 AR 解说助手：用户通过 AR.js 扫描展品触发识别，后端通过 SpringAI 调用大模型（如 DeepSeek）生成实时解说文本或语音，并通过 AR 界面叠加 3D 模型或图文信息。
- SpringAI 集成多模态模型（文本生成、语音合成）；
- AR.js 实现图像追踪与 3D 内容渲染；
- 支持用户提问，由 SpringAI 动态生成答案并显示在 AR 界面。
城市景点 AR 导航：用户扫描地标建筑，AR.js 显示导航路径和景点介绍，SpringAI 提供个性化推荐（如历史背景、周边服务）。
- 结合地理位置 API 实现 AR 空间定位。
- 使用 SpringAI 的 RAG（检索增强生成）功能整合本地知识库。
AR 交互式学习工具：学生用 AR.js 扫描课本插图，触发 SpringAI 生成的互动问答或动态知识图谱。例如，扫描化学分子结构，AR 展示 3D 模型，AI 解释反应原理。
- SpringAI 的 ChatClient 处理自然语言交互。
- AR.js 实现复杂模型渲染与动画控制。
AR 辅助维修教学系统：用户扫描设备部件，AR.js 叠加维修步骤动画，SpringAI 提供语音指导或回答用户疑问。
- 使用 SpringAI 的 ToolCallbacks 实现多步骤工具调用（如查询维修手册）。
- AR.js 结合物理引擎（如 Three.js）模拟操作效果。
AR 虚拟购物助手：用户扫描商品，AR 显示价格、评价，SpringAI 提供个性化推荐（如搭配建议、促销信息）。
- 集成 SpringAI 的向量数据库功能实现相似商品检索。
- AR.js 实现商品 3D 试穿或场景化展示。
多语言 AR 实时翻译工具：用户通过 AR.js 摄像头识别外文文本，SpringAI 调用翻译模型生成译文并叠加在 AR 界面。
- SpringAI 多模型切换（如 OpenAI 翻译 + DeepSeek 生成解释）。
- AR.js 文本识别与动态渲染。
AR 解谜游戏: 玩家通过 AR.js 扫描现实场景触发谜题，SpringAI 生成动态剧情线索或对话选项。
- 使用 SpringAI 的 ChatMemory 管理多轮对话历史。
- AR.js 结合 WebGL 实现复杂交互动画。
AI 驱动的 AR 角色扮演: 用户与 AR 虚拟角色互动，角色行为由 SpringAI 控制（如生成对话、表情动作）
- SpringAI 流式响应（SSE）实现实时交互。
- AR.js 结合面部识别或动作捕捉技术。
MCP 协议与 AR 服务编排: 基于 SpringAI 的 MCP 服务端，开发 AR.js 客户端，实现工具调用的可视化（如扫描设备调用数据库生成维修报告）。
- SpringAI 模块化架构（如 spring-ai-rag 和 spring-ai-vector-store）。
- AR.js 与 WebSocket/SSE 实时通信。
- 利用 Docker 的 Model Runner 在本地运行 AI 模型（如 Gemma），结合 AR.js 实现离线环境下的智能 AR 应用。

步行AR导航

步行AR导航功能，在用户导航过程中，不必反复查看地图路线信息，只需要根据语音导航和真实街景信息便可轻松顺利到达目的地

使用到的技术

无线网络定位方法

AR互动视频

制作流程

1、使用AE制作带Alpha通道的视频

2、编写可播放透明视频的Shader

3、开启摄像头并实现互动大屏的视频播放

AR体感试衣镜

案例：

https://www.bilibili.com/video/BV1qy4y147sU

https://www.bilibili.com/video/BV155411Y7Eg

https://item.jd.com/10136354886331.html

推荐平台：https://www.runninghub.cn/

Vuforia引擎

Vuforia引擎是一个专为增强现实(AR)体验设计的软件平台，它利用先进的计算机视觉技术提供高精度的图像识别和动态3D对象与环境识别。主要用途：

增强现实应用开发：Vuforia允许开发者创建能够识别和响应现实世界中图像、物体及环境特征的应用程序。这使得虚拟内容可以精准地叠加在真实世界的视图上。
工业和商业应用：例如，在工业企业中，可以在机械设备上覆盖引导式的分步说明，或者向物理产品添加数字功能和体验。模型目标(Model Targets)特性使应用程序能识别并跟踪如机器、汽车或玩具等物理对象，并基于CAD或数字3D模型进行操作。
教育领域：通过使用Vuforia，学生可以通过扫描教科书中的图片获得关于该主题的3D展示，比如历史古迹或生物细胞结构等。
娱乐产业：游戏开发者可以创造更加逼真的交互式娱乐产品，玩家可以用手机摄像头对准特定物品触发相应情节发展，或是在户外探险类游戏中根据周围景致变化调整任务难度等级。
零售业创新：商家可以使用Vuforia改善顾客购物体验，当消费者拿起商品时，屏幕上显示产品的更多信息，包括成分表、用户评价甚至是制作过程视频片段。此外，还可以模拟穿戴效果帮助消费者做出购买决策。
维护和服务指导：工程师和技术人员可以使用Vuforia提供的AR工作说明和过程指导来进行复杂机械系统的维护保养工作，提高效率减少错误发生几率。

总之，Vuforia引擎通过其强大的AR功能，为各种行业提供了创新的可能性，从简单的图像识别到复杂的3D物体追踪，都能显著提升用户体验和工作效率。