【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
相关推荐
ar012314 天前
AR远程协助产品:重塑工业服务的未来
人工智能·ar
叶帆14 天前
【YFIOs】用C#开发硬件之设备上云
开发语言·unity·c#
久数君14 天前
AI三维建模工具“造形家”:地理场景三维化的高效解决方案
unity·glb·ai算法·ai三维建模工具·地图框选·造形家·城市建筑模型
会思考的猴子14 天前
Unity VFX 属性 Postion 和 TargetPostion
unity
hai31524754314 天前
九章编程法 · 猜数字游戏 (GW-BASIC 重构版) *
人工智能·microsoft·游戏引擎·游戏程序
心前阳光14 天前
Unity资源导入之自动化资源导入
unity·自动化·游戏引擎
心前阳光14 天前
Unity之2021.3.45f2c1发布安卓程序遇到的问题
android·unity·游戏引擎
纪纯15 天前
PicoVR Unity Integration SDK 3.4 常用交互API
unity·游戏引擎·vr·pico
龙智DevSecOps解决方案15 天前
3A 游戏优化技术栈:如何打通引擎级分析工具与 DevOps 持续集成管线?
unity·性能优化·游戏开发·技术美术·perforce·unrealengine
葛兰岱尔15 天前
从 SolidWorks 到 Three.js,从 Inventor 到 Unity——制造业CAD模型“几何-语义一体化“转换,不再是天方夜谭!
开发语言·javascript·unity