AR.js专题-图片匹配

图片匹配方式

加载一张图片作为识别的pattern marker。

代码

AR.js/three.js/examples/marker-training/examples/patternmarker-from-image.html修改代码

//从图片加载匹配模式

// load image and convert it to a marker

var imageURL = '../../res/arjs/marker/inner/inner-letterA.png';

THREEx.ArPatternFile.encodeImageURL(imageURL, function onComplete(patternFileString) {

var patternURL = 'data:text/plain;base64,' + btoa(patternFileString)

// create THREEx.ArMarkerControls

var markerControls = new THREEx.ArMarkerControls(arToolkitContext, markerRoot1, {

type: 'pattern',

patternUrl: patternURL,

// patternUrl : "../../res/arjs/data/pattern-letterA.patt",

})

转载于:https://www.cnblogs.com/zhen-android/p/9484890.html

AR.js专题-图片匹配相关推荐

用AR.js做图片追踪的webAR Demo
用AR.js做图片追踪的webAR Demo Demo效果项目地址部署使用页面代码替换想要追踪的图片 (1)web版(推荐使用) (2)node版替换模型 Demo效果可在手机浏览器中打开 ...
ar.js 追踪图片mark播放视频，并且根据是否识别控制视频播放操作
首先完成了视频纹理的加载,可以持续的播放视频其次完善了视频播放感受,清除跳跃.跳帧.抖动.每次识别重新播放等现象,不错的感受,可以达到商业效果. 最后,通过通读ar.js代码,终于找到了通过识别进行 ...
AR.js专题-多Renderer支持
支持2渲染器代码参考 https://threejs.org/docs/#examples/renderers/CSS3DRenderer // CSS3Drenderer cssScene = n ...
3D开发-AR.js 图片匹配
图片匹配方式加载一张图片作为识别的pattern marker. 代码 AR.js/three.js/examples/marker-training/examples/patternmarker- ...
3D开发-AR.js 自定义Marker
创建自定义Marker AR.js Marker Training 上传一张识别图片,然后下载Marker和及图片. 代码 ARjs/three.js/examples/mobile-performa ...
AR.js开发问题详解（二维码识别不出来及AR二维码如何进行训练）
AR.js开发问题详解(二维码识别不出来及AR二维码如何进行训练) 1. 大家碰到的很多都是二维码识别不出来的情况. 原因:周围环境的光太强或太暗,遮挡了二维码的信息,摄像头识别不到全部的信 ...
three.ar.js_我们如何通过AR.js使产品吉祥物栩栩如生
three.ar.js by Mateusz Tarnaski 由Mateusz Tarnaski 我们如何通过AR.js使产品吉祥物栩栩如生 (How we brought our product ...
html图片自动循环轮播图,js实现图片无缝循环轮播
本文实例为大家分享了js实现图片无缝循环轮播的具体代码,供大家参考,具体内容如下代码如下 Document #container{ overflow:hidden; width:400px; hei ...
Danfo.js专题 - Series对象
Danfo.js专题 - Series对象 jcLee95 的 CSDN 博客邮箱 :291148484@163.com CSDN 主页:https://blog.csdn.net/qq_28550 ...
AR.js 学习笔记
中文文档链接: 首页 | AR.jsAR.js 是 Web 端增强现实的轻量级框架,具有图像追踪.基于位置的AR和标记跟踪等功能.http://febeacon.com/arjs-docs-zh-cn ...

AR.js专题-图片匹配

AR.js专题-图片匹配相关推荐

最新文章

热门文章