【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
相关推荐
Zlzxzw1 小时前
使用unity创建项目,进行动画制作
unity·游戏引擎
X_StarX6 小时前
【Unity笔记01】基于单例模式的简单UI框架
笔记·ui·unity·单例模式·游戏引擎·游戏开发·大学生
九班长6 小时前
Golang服务端处理Unity 3D游戏地图与碰撞的详细实现
3d·unity·golang
ysn111119 小时前
NGUI实现反向定位到层级面板结点
unity
Thomas_YXQ16 小时前
Unity3D DOTS场景流式加载技术
java·开发语言·unity
道可云16 小时前
道可云人工智能每日资讯|浦东启动人工智能创新应用竞赛
人工智能·百度·ar·xr·deepseek
KhalilRuan20 小时前
Unity-MMORPG内容笔记-其一
unity·游戏引擎
广州华锐视点20 小时前
广州华锐互动:以创新科技赋能教育,开启沉浸式学习
ar·vr·虚拟现实
爱看科技21 小时前
苹果AR/VR头显路线图曝光,微美全息推进AI/AR智能眼镜新品开启视觉体验篇章
人工智能·ar·vr
向宇it1 天前
【unity游戏开发——网络】网络游戏通信方案——强联网游戏(Socket长连接)、 弱联网游戏(HTTP短连接)
网络·http·游戏·unity·c#·编辑器·游戏引擎