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

ops/2024/12/30 16:04:24/
<article class="baidu_pl">
article_content" class="article_content clearfix">
arkdown_views prism-atom-one-light">arker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

写在前面的话

感慨一下, 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.ppmy.cn/ops/145921.html

相关文章

【NebulaGraph】查询案例(六)

【NebulaGraph】查询案例 1. 数据准备2. 查询2.1 查询player属性的顶点2.2 查询所有顶点2.3 从起点到终点&#xff0c;中间的边是follow&#xff0c;返回起点和终点的id还有这个边的degree2.4 根据一个vertex的id查询其全部tag属性2.5 根据条件查属性2.6 一跳查询 1. 数据准备 …

解决VMware的ubuntu22虚拟机没有网络

解决步骤 1.在 Windows 系统中&#xff0c;按 “WinR” 键&#xff0c;输入 “services.msc” 并回车&#xff0c;在服务列表中找到 “VMware DHCP Service” 和 “VMware NAT Service”&#xff0c;确保这两个服务已启动&#xff0c;若未启动则右键点击选择 “启动”&#xf…

iClient3D for Cesium在Vue中快速实现场景卷帘

作者&#xff1a;gaogy 1、背景 iClient3D for Cesium是由SuperMap提供的一个前端3D地图客户端&#xff0c;提供了丰富的功能与接口&#xff0c;使得开发者能够在Web应用中快速集成并展现3D地理信息。而在Vue框架中集成iClient3D&#xff0c;不仅可以利用Vue的响应式特性提高开…

TOP K问题:利用堆排序找出数组中最小的k个数

设计一个算法&#xff0c;找出数组中最小的k个数。以任意顺序返回这k个数均可。 找小的数需要建大堆来解决&#xff0c;首先将数组中前K个数建成一个大堆&#xff0c;将从k1个数直到数组结束的所有数与堆顶的数进行比较&#xff0c;如果比堆顶的数小&#xff0c;则替换堆顶的数…

Fuzzing技术总结

Fuzzing技术总结&#xff08;Brief Surveys on Fuzz Testing&#xff09; PrologueIntroductionRecent Related WorkOpen Source ToolsUseful Blog Article Prologue 这里另一篇文章总结了最近与Fuzzing相关的论文&#xff1a; https://github.com/wcventure/FuzzingPaper …

使用GitHub Pages部署静态网站:简易指南

文章目录 前言一、什么是GitHub Pages&#xff1f;二、准备工作三、创建GitHub仓库四、构建静态网站内容五、部署到GitHub Pages六、自定义设置结语 前言 随着互联网的发展&#xff0c;个人开发者和小型团队对于快速创建和发布网站的需求日益增长。在众多的解决方案中&#xf…

短视频矩阵系统源码开发之账号管理技术深度剖析,支持OEM

一、引言 在短视频矩阵系统中&#xff0c;账号管理技术是核心模块之一&#xff0c;它承担着确保多平台账号安全、高效运营以及数据整合的重要职责。一个健壮、灵活且安全的账号管理系统&#xff0c;能够为用户提供便捷的账号操作体验&#xff0c;同时也为整个短视频矩阵的稳定运…

《PHP MySQL 插入数据》

《PHP MySQL 插入数据》 介绍 PHP是一种广泛使用的服务器端脚本语言&#xff0c;而MySQL是一种流行的关系型数据库管理系统。在Web开发中&#xff0c;经常需要将用户输入的数据存储到数据库中。本文将详细介绍如何使用PHP和MySQL实现数据的插入操作。 环境准备 在开始之前&…