【WebAR-图像跟踪】在Unity中基于Imagine WebAR实现AR图像识别

写在前面的话

感慨一下, WebXR的发展是真的快,20年的时候,大多都在用AR.js做WebAR。随着WebXR标准发展,现在诸如Threejs、AFrame、Unity等多个平台都支持里WebXR。

  • 本文将介绍在Unity中使用 Image Tracker实现Web端的AR图像识别功能。

  • 若是使用Unity在原生端做AR图像识别,请参考之前的文档(【图像识别】在Unity中使用ARCore增强图像的几种方式),详细记录了使用ARFoundation或使用我实现的AR插件两种方式。

  • 若是使用安卓原生开发的方式,可以使用Scenefrom-EQR,参考ImageScanner.java(集成了ARCore和AREngine)的使用。

  • 此外,在Unity中基于WebGL实现XR,还可使用Unity资源商店提供的WebAR Foundation、WebXR Plugin。

在Unity中基于 Image Tracker实现AR图像识别

由于插件较为完善,仅作简单记录。

插件安装

Unity资源商店提供了免费版本和付费版本。

运行示例

图片数据设置

在Unity中切换到WebGL平台,导入ImageTracker的unitypackage,找到demo下的scene运行即可。

替换图片的话,参考场景中的Tracker对象

手机浏览器运行

这里为了在手机端打开,我将Build后的工程部署到了服务器上。运行可图如下:

  • 浏览器请求摄像头权限

  • 识别图像

注意事项

  • 由于应用需要访问摄像头,因此必须在支持HTTPS的服务器上进行部署。
  • 设置CompressionFormat为Disabled
相关推荐
魔士于安1 天前
unity 丑陋哥布林 哥布林有humannoid 动画没 带动画
unity·游戏引擎·材质·贴图·模型
小贺儿开发2 天前
Unity 家居视频遥控(细节优化)
科技·unity·程序员·udp·视频·工具·通信
淡海水2 天前
13-04-面试-源码级深度追问链
数据结构·unity·面试·c#·游戏引擎·源码·il2cpp
小小数媒成员3 天前
UGUI 性能优化(详细,全,深入)
开发语言·unity·游戏引擎
林川~013 天前
Unity新输入系统使用笔记
unity·input system
小贺儿开发4 天前
Unity 结合百度AI开放平台 手写文字识别
人工智能·科技·学习·unity·云服务·文字识别·手写文字
goujunwe4 天前
GEO 评估方法:如何自测你的内容,会不会被 AI 引用
搜索引擎·网络安全·游戏引擎·全文检索·中文分词
林川~014 天前
Unity 万能物理检测工具:射线检测 / 范围检测 / 层级过滤 / 编辑器可视化(可直接拿去用)
游戏·unity·c#·射线检测·通用工具
yi碗汤园4 天前
MQTT消息队列遥测传输协议
网络·网络协议·unity
林川~015 天前
Unity 常用 API 与核心类全解:从生命周期到协程,附性能避坑清单(Unity 6 适配)
unity·游戏引擎·常用api