当前位置: 首页 > article >正文

【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资源商店提供了免费版本和付费版本。

  • Imagine WebAR - Image Tracker(最新版本)
    在这里插入图片描述

  • 免费版本Imagine WebAR - Image Tracker Free
    在这里插入图片描述

运行示例

图片数据设置

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

替换图片的话,参考场景中的Tracker对象
在这里插入图片描述

手机浏览器运行

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

  • 浏览器请求摄像头权限
    在这里插入图片描述

  • 识别图像
    在这里插入图片描述

注意事项

  • 由于应用需要访问摄像头,因此必须在支持HTTPS的服务器上进行部署。
  • 设置CompressionFormat为Disabled
    在这里插入图片描述

http://www.kler.cn/a/453821.html

相关文章:

  • HUB、交换机、路由器和串口服务器
  • 广州大彩串口屏安卓/linux触摸屏四路CVBS输入实现同时显示!
  • taro中实现带有途径点的路径规划
  • 使用Webpack构建微前端应用
  • Java前端基础——CSS
  • 靶机系列|VULNHUB|DC-1
  • Vue.js组件开发-使用vue-pdf显示PDF
  • RK3568平台开发系列讲解(中断及异常篇)Linux 中断系统中的重要数据结构
  • v语言介绍
  • deepin 安装 kafka
  • 传统网络架构与SDN架构对比
  • Qt笔记:网络编程UDP
  • 智慧交通-Android车牌识别接口-车牌识别系统
  • 【提审】Android包提审报权限问题
  • excel技巧:excel文件怎么加密防止泄密?加密Excel文件的四种方法
  • 微机接口课设——基于Proteus和8086的打地鼠设计(8255、8253、8259)Proteus中Unknown 1-byte opcode / Unknown 2-byte opcode错误
  • 【Compose multiplatform教程09】【组件】Image组件
  • Effective C++ 条款 04:确定对象被使用前已先被初始化
  • flask后端开发(9):ORM模型外键+迁移ORM模型
  • Java重要面试名词整理(七):分库分表