当前位置： 首页 > news >正文

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

news 2026/2/7 15:29:44

写在前面的话

感慨一下， 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
    在这里插入图片描述

相关文章：

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

写在前面的话 感慨一下， WebXR的发展是真的快，20年的时候，大多都在用AR.js做WebAR。随着WebXR标准发展，现在诸如Threejs、AFrame、Unity等多个平台都支持里WebXR。 本文将介绍在Unity中使用 Image Tracker实现Web端的AR图像识别功…...

编程日记 2024/12/29 6:39:48

向bash shell脚本传参

例子： ~ script % touch parameter.sh ~ script % chmod 755 parameter.sh ~ % vim parameter.shparameter.sh: #!/usr/bin/env bashecho the name of current script is $0echo the first parameter is $1echo the second parameter is $2echo all parameters: $…...

编程日记 2024/12/29 6:37:45

Oracle中listagg与wm_concat函数的区别

Oracle中listagg与wm_concat都可以用于将多行数据合并成一个字符串的两个函数，区别如下： 1、分隔符：listagg支持指定分隔符，wm_concat默认为"，"不支持指定； 2、排序：listagg支持排序后…...

编程日记 2024/12/29 6:33:41

热更新与资源管理

热更新、资源管理、打包发布是 Unity 游戏开发中关键的技术点。这些功能可以极大地提高项目的灵活性和资源利用效率，尤其是在多平台、长生命周期的游戏项目中。以下从技术概述、知识点分析、实现方法和代码举例逐一进行详细分析。 一、热更新 热更新指在不重新发布…...

编程日记 2024/12/29 6:31:39

Momentum Provably Improves Error Feedback!

以下是您提供的论文摘要的翻译： **摘要** 由于在分布式环境中训练机器学习模型时通信开销较高，现代算法不可避免地依赖于有损通信压缩。然而，如果不加以处理，压缩造成的错误会传播，并可能导致严重的不稳定行为&#…...

编程日记 2024/12/29 6:30:38

Elasticsearch-脚本查询

脚本查询 概念 Scripting是Elasticsearch支持的一种专门用于复杂场景下支持自定义编程的强大的脚本功能，ES支持多种脚本语言，如painless，其语法类似于Java,也有注释、关键字、类型、变量、函数等，其就要相对于其他脚本高出几倍的性…...

编程日记 2024/12/29 6:29:37

《Opencv》基础操作详解（3）

接上篇：《Opencv》基础操作详解（2）-CSDN博客 Opencv基础操作 目录 Opencv基础操作 18、图像边界填充 19、阈值处理（图像的二值化） 20、图像平滑处理 （1）、均值滤波（Mean Filte…...

编程日记 2024/12/29 6:28:36

meshy的文本到3d的使用

Meshy官方网站： 中文官网： Meshy官网中文站 ​编辑 Opens in a new window ​编辑www.meshycn.com Meshy AI 中文官网首页 英文官网： Meshy目前似乎还没有单独的英文官网，但您可以在中文官网上找到英文界面或相关英文资料。 链…...

编程日记 2024/12/29 6:27:35

C语言技巧之有条件的累加

什么叫有条件的累加？ 主要是依靠循环，一般形式是一个在循环里面遍历，另一个只有达到一定的条件才会累加（移动到下一个变量），从言语也能看出来，主要是用在字符串和数组里面的，毕竟链表…...

编程日记 2024/12/29 6:25:33

解释为什么fetch（JavaScript）无法将读取的数据存入外部变量

（一）问题描述 你可能会遇到这样的情况：在fetch之外创建变量，将fetch获取到的数据赋值给这个变量以便在fetch外使用，但在使用这个变量的时候发现值是空的，这是为什么呢？ （二&#xf…...

编程日记 2024/12/29 6:21:29

Windows Subsystem for Linux (WSL)

目录 定义与功能 版本与特点 应用场景 启用 WSL 功能 更新WSL及其内核 下载Linux发行版本 WSL（Windows Subsystem for Linux）是微软在Windows 10和Windows 11中引入的一项功能，使用户能够在Windows上原生运行Linux的命令行工具和应用程…...

编程日记 2024/12/29 6:20:28

Go的Slice如何扩容

在Go语言中，slice（切片）是一个动态数组，其底层实现是基于数组，但提供了更灵活的长度和容量管理。当向slice中添加元素并超出其当前容量时，Go会自动为其分配一个更大的底层数组，并复制现有元素到…...

编程日记 2024/12/29 6:18:26

使用云计算开发App 有哪些坑需要避免

当我们在云计算环境下开发App时，往往会觉得一切都变得“轻松”了。毕竟，云计算提供了无限的计算资源、灵活的存储方案，还有自动化的服务，仿佛有了一个万能的工具箱，啥都能搞定。可是，别被这种“轻松”外表骗…...

编程日记 2024/12/29 6:17:25

ARM 架构--通用寄存器状态寄存器控制寄存器特殊用途寄存器

目录 一?ARM 架构中的寄存器 ARM 架构中的寄存器 通用寄存器 状态寄存器 控制寄存器 特殊用途寄存器 总结 二 通用寄存器 ARM 架构中的通用寄存器 ARMv7 架构 ARMv8 架构 实例 ARMv7 架构 ARMv8 架构 三 状态寄存器 ARM 架构中的状态寄存器 状态寄存器 详细…...

编程日记 2024/12/29 6:14:21

最新SQL Server 2022保姆级安装教程【附安装包】

目录 一、安装包下载： 下载链接：https://pan.quark.cn/s/b1c0c63d61ec 二、安装SQL Server 1.下载安装包后解压出来，双击打开 2.等待加载安装程序 3.点击基本安装 4.点击接受 5.点击浏览 6.在D盘新建文件夹 7.命名为【Sql Server】…...

编程日记 2024/12/29 6:13:20

学习C++：运算符

运算符 作用：用于执行代码的运算 一，算数运算符 作用：用于处理四则运算 （在除法运算中，除数不可以为0） 两个小数不可以做取模运算 （只有整型变量可以进行取模运算） 二&#xff0…...

编程日记 2024/12/29 6:12:19

pdf有密码，如何实现pdf转换word？

PDF想要转换成其他格式，但是当我们将文件拖到PDF转换器进行转换的时候发现PDF文件带有密码怎么办？今天分享PDF有密码如何转换成word方法。 方法一、 PDF文件有两种密码，打开密码和限制编辑，如果是因为打开密码，建议使…...

编程日记 2024/12/29 6:11:18

AI发展新态势:从技术突破到安全隐忧

AI安全的新挑战 近期AI领域出现了令人担忧的新发现。根据最新研究，AI模型已经开始展现出策略性欺骗的倾向。具体表现在以下几个方面： 策略性欺骗行为的出现 在实验中发现，当研究人员试图让AI执行一些"反Anthropic"的操作时(如获取模型权限和外部服务器访问)，模…...

编程日记 2024/12/29 6:09:16

王佩丰24节Excel学习笔记——第二十二讲：制作甘特图与动态甘特图

【以 Excel2010 系列学习，用 Office LTSC 专业增强版 2021 实践】 【本章技巧】 插入图表，针对每一个图表上的元素，都可以选中选右键进行修改数据；本章中的向两端延伸，设置数据的原理；数据格式的显示方式&…...

编程日记 2024/12/29 6:07:14

若依框架之简历pdf文档预览功能

一、前端 （1）安装插件vue-pdf：npm install vue-pdf （2）引入方式：import pdf from "vue-pdf"; （3）components注入方式：components:{pdf} （4&…...

编程日记 2024/12/29 6:05:12

第19节 Node.js Express 框架

Express 是一个为Node.js设计的web开发框架，它基于nodejs平台。 Express 简介 Express是一个简洁而灵活的node.js Web应用框架, 提供了一系列强大特性帮助你创建各种Web应用，和丰富的HTTP工具。 使用Express可以快速地搭建一个完整功能的网站。 Expre…...

编程新知 2026/2/5 3:48:44

7.4.分块查找

一.分块查找的算法思想： 1.实例： 以上述图片的顺序表为例， 该顺序表的数据元素从整体来看是乱序的，但如果把这些数据元素分成一块一块的小区间， 第一个区间[0,1]索引上的数据元素都是小于等于10的， 第二…...

编程新知 2026/1/27 18:11:42

R语言AI模型部署方案：精准离线运行详解

R语言AI模型部署方案：精准离线运行详解 一、项目概述 本文将构建一个完整的R语言AI部署解决方案，实现鸢尾花分类模型的训练、保存、离线部署和预测功能。核心特点： 100%离线运行能力自包含环境依赖生产级错误处理跨平台兼容性模型版本管理# 文件结构说明 Iris_AI_Deployme…...

编程新知 2025/12/6 1:56:35

【Java学习笔记】Arrays类

Arrays 类 1. 导入包：import java.util.Arrays 2. 常用方法一览表 方法描述Arrays.toString()返回数组的字符串形式Arrays.sort()排序（自然排序和定制排序）Arrays.binarySearch()通过二分搜索法进行查找（前提：数组是…...

编程新知 2025/12/3 9:38:15

线程与协程

1. 线程与协程 1.1. “函数调用级别”的切换、上下文切换 1. 函数调用级别的切换 “函数调用级别的切换”是指：像函数调用/返回一样轻量地完成任务切换。 举例说明： 当你在程序中写一个函数调用： funcA() 然后 funcA 执行完后返回&…...

编程新知 2025/10/31 17:25:40

【解密LSTM、GRU如何解决传统RNN梯度消失问题】

解密LSTM与GRU：如何让RNN变得更聪明？ 在深度学习的世界里，循环神经网络（RNN）以其卓越的序列数据处理能力广泛应用于自然语言处理、时间序列预测等领域。然而，传统RNN存在的一个严重问题——梯度消失&#…...

编程新知 2025/12/24 1:45:14

STM32F4基本定时器使用和原理详解

STM32F4基本定时器使用和原理详解 前言如何确定定时器挂载在哪条时钟线上配置及使用方法参数配置PrescalerCounter ModeCounter Periodauto-reload preloadTrigger Event Selection 中断配置生成的代码及使用方法初始化代码基本定时器触发DCA或者ADC的代码讲解中断代码定时启动…...

编程新知 2026/1/26 21:56:38

cf2117E

原题链接&#xff1a;https://codeforces.com/contest/2117/problem/E 题目背景&#xff1a; 给定两个数组a,b&#xff0c;可以执行多次以下操作&#xff1a;选择 i (1 < i < n - 1)&#xff0c;并设置 或&#xff0c;也可以在执行上述操作前执行一次删除任意 和 。求…...

编程新知 2026/2/4 15:29:40

HTML前端开发：JavaScript 常用事件详解

作为前端开发的核心&#xff0c;JavaScript 事件是用户与网页交互的基础。以下是常见事件的详细说明和用法示例&#xff1a; 1. onclick - 点击事件 当元素被单击时触发&#xff08;左键点击&#xff09; button.onclick function() {alert("按钮被点击了&#xff01;&…...

编程新知 2025/11/10 10:45:11

06 Deep learning神经网络编程基础 激活函数 --吴恩达

深度学习激活函数详解 一、核心作用 引入非线性：使神经网络可学习复杂模式控制输出范围：如Sigmoid将输出限制在(0,1)梯度传递：影响反向传播的稳定性二、常见类型及数学表达 Sigmoid σ ( x ) = 1 1 +...

编程新知 2025/11/17 21:48:26