中国建设银行郑州分行网站,青岛+网站建设,wordpress 什么值得买 我要爆料,品牌建设理论模型前言
之前制作了基于MindAR实现的网页端WebAR图片识别叠加动作模型追踪功能的demo#xff0c;使用了在线的图像目标编译器对识别图进行了编译#xff0c;并实现了自制的WebAR效果#xff0c;大致效果如下#xff1a;
但是在线的编译器在操作中也不是很方便#xff0c;我…前言
之前制作了基于MindAR实现的网页端WebAR图片识别叠加动作模型追踪功能的demo使用了在线的图像目标编译器对识别图进行了编译并实现了自制的WebAR效果大致效果如下
但是在线的编译器在操作中也不是很方便我想个人部署一个本地的图像目标编译器这样自己使用起来还是比较的方便快捷而且该项目的源码中也提供了相应的例子我在这个案例基础上进行了汉化和修改即可得到本地版本的图像目标编译器。同时该网页提供了单目标图生成、多目标图生成、生成进度展示、删除识别图和下载识别图等功能。
环境安装
需要node.js环境下载代码仓库和执行构建等操作这些个的步骤在前言中提到的博客中已经有介绍这里就不重复的介绍了。
编码汉化
这里在代码仓库的mind-ar-js-master\examples\image-tracking\compile.html的基础上进行了修改主要对其介绍文字进行了汉化 bodydivp使用方法:/polli将目标图像(例如.png)放入放置区域(可放置多个多图追踪)。/lili单击“开始生成”可能需要等待一段时间(特别是对于大图片可能会更久)。/lili完成后会显示一些生成图片您可以预览带特征点的识别图。/lili点击“下载文件”获取图片检测的mind文件这可以用于WebAR的开发。/li/ol/divbutton idstartButton开始生成/buttonbutton iddownloadButton下载文件/buttonspan idprogress/spandiv iddropzone classdropzone/divdiv idcontainer/div/body同时这个网页还使用了dropzone插件将托管在云上的dropzone.min.js 和 dropzone.min.css 下载放置本地即可别忘了修改相对位置。
功能展示
汉化后的使用说明 使用方法: 1.将目标图像(例如.png)放入放置区域(可放置多个多图追踪)。 2.单击“开始生成”可能需要等待一段时间(特别是对于大图片可能会更久)。 3.完成后会显示一些生成图片您可以预览带特征点的识别图。 4.点击“下载文件”获取图片检测的mind文件这可以用于WebAR的开发。
单目标图生成
多目标图生成
删除识别图
下载识别图 源码
https://download.csdn.net/download/qq_33789001/87542299
