小程序xr-frame AR与云识别的使用

微信小程序xr-frame已有识别图片功能,如果你的识别图片只有几张,做成本地识别非常方便。
云识别的好处是是将识别数据存放在云服务器上,不需要做代码上的改到,没有本地储存限制,识别图和关联资源均储存的云端,在云端运行识别算法,识别成功后在本地使用xr-frame的算法实现跟踪的AR效果,非常适合AR相册,AR故事等需要大量识别图的场合。

这里云识别使用无间科技的云识别,官方网址 http://www.wujianar.com,可以申请免费的测试库使用。
代码下载地址:https://gitee.com/wujianar/wujianar-wx-mini-sample
在云别库中的图库密钥中选择客户端密钥,选择一个有效期,并把生成的Token复制下来,云识别需要用这个来认证,替换app.ts中的Token就行。

1. 云识别配置

使用无间科技的开发中心创建一个云识别库,上传识别图与配置关联信息,本次开发用到的如下:

识别图:
AR云识别
关联信息:

{"modelUrl":"https://wujianar-cdn.oss-cn-hangzhou.aliyuncs.com/ardemo/models/mouse.glb","scale":0.8}

这里将模型地址及缩放系数也写在云端,如果更换为其它模型也只需要修改这个scale。

2. 小程序开发配置

开发xr-frame应用,建议下载预发布版开发工具。
导入下载来的samle包,
将域名 iss-api.wujianar.cn 加入到request合法域名中,及将 wujianar-cdn.oss-cn-hangzhou.aliyuncs.com 加入到downloadFile合法域名中。
在开发的时候也可以勾选不检测域名。

AR云识别

3. 代码修改

在无间AR的开发中心,“云识别库管理”中点击“查看密钥”,将token复制下来更换代码中的token(文件miniprogram/app.ts)。
AR云识别
在这里插入图片描述

4. 在手机上预览

WebAR云识别
点击开发工具上的“预览”。

WebAR云识别
在手机上点击xr-frame下的“渲染3D模型”。

WebAR云识别
你的模型将在手机上运行。

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值