AR demo 简单的平面图像识别

最新推荐文章于 2025-10-11 20:19:31 发布
原创 最新推荐文章于 2025-10-11 20:19:31 发布 · 7.7k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#AR #Vuforia

通过Vuforia的SDK在Unity中实现AR应用，包括下载安装、配置License Manager和Target Manager，创建并选择高识别度的目标图片，导入数据库和3D模型，最后部署到Android设备上进行演示。



1. 首先到Vuforia的官网下载SDK，安装好最新版本的unity 以及下载好 android SDK。


我这里用到的是5-5-9版本。


2. 在官网的develop分栏里配置好自己的License Manager 和 Target Manager ， 如果要使用Vuforia的云识别服务是要收费的，官网有收费标准。这里用免费的就好。


3.关于target ， 也就是需要识别的图片，会有星级来表示可辨识度的高低，一般最少需要四颗星，否则识别起来可能会效果不佳，关于如何提高图片的星级，可以看我的其他微博。



4.进入Unity ，将Vuforia的SDK添加到unity，删除原来的main camera， 添加ARcamera 和 ImageTarget



5.配置好ARcamera的License key



6.从官网的target manager 下载需要识别的target包 ， 导入到项目中。


7. 勾选ARcamera下 Database load behaviour => Load "your cloud database name" Database 以及 Acticate



8.导入模型  随意什么模型都可以 但是要放在ImageTarget下


9. ImageTarget下，选择database为 'your Vuforia cloud d

最低0.47元/天 解锁文章
【Vuforia+Unity】AR04-地面、桌面平面识别功能（Ground Plane Target）
leoysq的博客
02-21 4万+
不论你是否曾有过相关经验，只要跟随本文的步骤，你就可以成功地创建你自己的AR应用。官方教程。
AR Engine毫秒级平面检测，带来更准确的呈现效果
HarmonyOS SDK闭源开放能力技术团队
02-06 2405
近年来，AR版块成为时下大热，这是一种将现实环境中不存在的虚拟物体融合到真实环境里的技术，用户借助显示设备可以拥有真实的感官体验。AR的应用场景十分广泛，涉及娱乐、社交、广告、购物、教育等领域：AR可以让游戏更具互动性；商品通过AR展示更真实；使用AR进行教育教学让抽象事物更形象等，可以说AR技术已经渗透人们生活的方方面面。 为了让人们产生强烈的视觉真实感，AR首先要解决的问题就是如何将虚拟对象准确地融合到现实世界中，即让虚拟对象以正确的姿态显示在真实场景的正确位置上。一些AR方案完成环境识别与摄像机位姿计
ar.js demo
03-11
（ar.js +three.js 高效WebAR） AR技术（增强现实技术Augmented Reality，简称 AR），AR技术在Native中已经兴起了，并且市场上有许多成功的APP，但是对于JavaScript怎么来玩转AR呢？下面我来简单的给大家做了基于ar.js的WebAR小例子。
AR.js社区版发布：Image Tracking功能深度体验
最新发布
gitblog_00937的博客
10-11 342
你是否曾梦想过用手机摄像头对准杂志封面，就能让虚拟角色从页面中跃然而出？或者扫描产品包装时，自动显示3D说明书？现在，AR.js社区版的Image Tracking（图像追踪）功能让这些场景成为现实。作为Web增强现实（WebAR）领域的革命性技术，AR.js以60fps的流畅体验和纯浏览器运行的特性，正在重新定义移动端AR的开发门槛。本文将带你从零开始，体验这一突破性功能的全部潜力。 ## 什...
AR入门demo
04-26
基于ARKit实现的简单的入门方法，带新手入门开始研究并实现AR虚拟场景的功能
AR研究-Demo集
DuelCode的博客
06-22 2028
       之前研究了图像处理、图像识别及AR 等相关技术，下载了很多开源源码进行学习和尝试引用，包括c++、c#、Opengl、Emgu、 Aforge、OpenCV、QRCode、Zxing等相关的很多资料，有些源码下载下来并不能运行，尝试修复了一些Bug使的源码能够运行起来。       但是写这篇文章的时候，研究学习时的思路或者碰的壁，已经忘得差不多了。工作繁忙，没有把研究过程完整的记录...
AR增强现实之平面识别
全栈工程师，热爱编程，喜欢探索各种技术栈。分享前端、后端、数据库等技术学习心得，以及在项目开发中的实践经验。
04-21 728
平面识别技术作为AR增强现实技术的重要组成部分，已经在家居装饰、建筑设计、教育、商业展示等领域展现出了巨大的应用潜力。随着技术的不断发展和完善，我们相信平面识别技术将会在更多领域展现出其无限的可能性，为人类带来更加丰富、沉浸式的增强现实体验。
AR室内导航Demo
12-21
Vuforia是一个由Unity支持的AR平台，它能识别图像目标（如二维码、标志或特定图像）并将其作为锚点，在其上叠加虚拟内容。在室内导航中，这可能意味着使用建筑平面图或者地标图片作为识别目标，然后在这些目标上显示...
精选资源
微信小程序图片识别AR叠加模型动作的源码工程
08-23
具体使用的是2D Marker识别模式，会将传入的 src (图片的网络/本地地址) 或是 image（image类型资源id，优先使用）作为特征，去识别出三维空间一个平面上的图像部分，继而进行追踪。这个技术现在已经十分成熟可靠。...
ar增强现实Demo
02-03
Vuforia SDK（软件开发工具包）包含了所有必要的组件和库，使得开发者能够创建具有3D模型跟踪、图像识别、平面检测等功能的AR应用。 以下是关于"ar增强现实Demo"以及Vuforia SDK的一些关键知识点： 1. **AR基础...
AR demo
weixin_34419321的博客
07-26 129
<?php define('DBHOST','localhost'); define('DBUSER','root'); define('DBPASS',''); define('DBNAME','test'); define('TABLE_PREFIX','t_'); classActiveRecord{ private$tabl...
AR学习Demo
05-05
ARDemo
ar-demo:增强现实演示
05-14
ar-demo Augmented Reality Demo Requirements 叠加不同的GIF图片，和文字信息。GIF的位置和大小，也是后端给予的信息来控制。文字的字体，颜色和大小也是 播放不同的音乐，或者停止音乐播放 允许麦克风工作或者静音 References
AR demo ARToolkit单个项目实例
12-29
AR的一个简单例子，从ARTookit中提炼出来的，很简单，下载之后要配置include和lib的路径，适用于ARToolkit的初学者
ARKit Demo大全
03-18
集相關的 ARKit相關demo 如控制动画, ARKit的录屏demo, 手势控制动画+用时间控制动画...etc
通过Unity实现一个简单的AR Demo
Chosen One
11-06 5687
由于条件原因，我选择了Unity软件进行了一个小小的AR小测试。前前后后在弄了将近五六遍，但最后在室友和一些博客的指导下还是完成了本次作业。收获真的很多，开阔了眼界，也学到了很多东西。   下面说一下完成的大致步骤： 1、双击UnityDownloadAssistant（Unity下载助手）下载需要的相关应用程序和插件 在此给出下载助手的安装包：UnityDownloadAssistant...
AR--小Demo--伴旅
u010665359的专栏
11-17 3019
抽点时间出来研究AR,完成下两个月前自己的一个idea,可惜的是到现在它已经再没必要做下去，没了意义，当初的激情已经不再。扩展还是很容易，毕竟留了接口。 说真的AR入门还是很简单，缺的的是idea. 如果想把Ar融入到游戏中貌似还是有点难，想到的就只有卡牌。 1.界面。 开始 拍照 支持触摸缩小放大模型 简单的点击模型互动 熟悉unity 动画系统 一。准备 1
AR平台业务工作流程的Demo演示分享
安宝特AR的博客
09-18 1079
AR平台业务工作流程的Demo演示分享 为了更加直观的展示AR工作流的工作效果，本节将与大家分享一下手机端APP操作的界面。这是本人在虹科的AR平台上 搭建的一套工作流，目前是在手机端进行操作，不久将来（年末），我们将会把这套系统与AR眼镜结合起来，真正做到解放个人的双手。本文章主要是简单的展示一下APP端的工作流程执行效果。 第一步：打开Atheer LEN APP，界面如下： 第二步：在工作流选择区域左右滑动，选择需要的工作流，然后点击PICK JOB，然后点击Start...
平面识别对象
xiaoyaGrace的博客
12-30 292
#include <iostream> #include <opencv2/opencv.hpp> #include"opencv2/xfeatures2d.hpp" using namespace cv; using namespace std; using namespace cv::xfeatures2d; int main() { Mat a = i...
小程序 ar demo
01-16
### 微信小程序 AR 功能 示例代码 和 教程 #### 使用 Kivicube 平台实现零代码微信小程序 AR 效果 为了在微信小程序中集成AR效果，可以通过Kivicube平台完成这一过程。开发者仅需将小程序的AppID授权给Kivicube，在微信小程序后台设置完毕后，利用微信开发工具调用SLAM第三方组件进行调试[^1]。 ```javascript // app.js 中配置 AppID 授权信息 App({ onLaunch: function () { console.log('App Launch'); }, globalData: { appId: 'your-app-id-here' // 替换成实际的小程序AppID } }) ``` 接着，在页面文件夹下的`index.json`中引入必要的插件： ```json { "usingComponents": { "kivicube-slam": "plugin://slam-plugin/slam" } } ``` 对于具体的页面逻辑处理，则可以在对应的`.js`文件里编写如下代码来初始化并启动 SLAM 组件： ```javascript Page({ onLoad() { const slam = this.selectComponent('#slam'); slam.start(); }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady() { }, /** * 生命周期函数--监听页面显示 */ onShow() { }, /** * 生命周期函数--监听页面隐藏 */ onHide() { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom() { } }); ``` #### 基于 xr-frame 实现图片扫描识别 AR 功能 另一种方式是采用微信官方提供的 `xr-frame` 来构建更加定制化的AR体验。此方法主要依赖于对现有示例——即“平面识别叠加 Marker 案例”的改造，允许用户自定义加载本地图像和3D模型作为增强现实的内容[^2]。 以下是创建一个简单的基于图片扫描触发AR视图的例子： 首先准备好所需的素材（如PNG/JPEG格式的照片以及OBJ/USDZ等形式的三维物体），并将它们放置在一个易于访问的位置；随后参照以下模板调整项目结构与源码： ```html <!-- index.wxml --> <view class="container"> <button bindtap="startScan">点击开始扫描</button> <!-- XR Frame Container --> <xr-ar-basic id="arView" hidden="{{true}}" /> </view> ``` ```css /* index.wxss */ .container { display: flex; justify-content: center; align-items: center; height: 100vh; } .xr-ar-basic { width: 100%; height: 100%; } ``` ```javascript // index.js const arBasic = requirePlugin('xr-ar-basic'); Page({ data: {}, startScan(e) { wx.chooseImage({ count: 1, success(res) { const tempFilePaths = res.tempFilePaths; // 设置XR场景参数 arBasic.setOptions({ markerImagePath: tempFilePaths[0], modelUrl: '/models/sample.obj', // 更换为您的3D模型路径 }); // 显示XR Viewport & 开始追踪 this.setData({ showArView: true }); arBasic.startTracking(); } }) } }); ``` 上述两部分分别介绍了两种不同技术路线下如何快速搭建起具有基础功能的小程序AR应用实例。每种方案都有其特点，可以根据具体需求选择合适的方法实施。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值