摘要: 增强现实(Augmented Reality,简称 AR),是一种实时地计算摄影机影像的位置及角度并加上相应图像的技术,这种技术的目标是在屏幕上把虚拟世界套在现实世界并进行互动。 AR系统具有三个突出的特点:①真实世界和虚拟世界的信息集成;②具有实时交互性;③是在三维尺度空间中增添定位虚拟物体。AR 阅读全文
posted @ 2018-10-09 13:21 zhen-Android 阅读(1730) 评论(0) 推荐(0) 编辑
摘要: 创建自定义Marker AR.js Marker Training 上传一张识别图片,然后下载Marker和及图片。 代码 ARjs/three.js/examples/mobile-performance.html 修改代码 // 修改ArMarkerControls Marker路径 let m 阅读全文
posted @ 2018-10-09 13:21 zhen-Android 阅读(1572) 评论(0) 推荐(0) 编辑
摘要: 图片匹配方式 加载一张图片作为识别的pattern marker。 代码 AR.js/three.js/examples/marker-training/examples/patternmarker-from-image.html修改代码 //从图片加载匹配模式 // load image and 阅读全文
posted @ 2018-10-09 13:21 zhen-Android 阅读(1212) 评论(0) 推荐(0) 编辑
摘要: 手机端显示不清晰问题 设置THREE.WebGLRenderer参数优化,window.devicePixelRatio手机端的值较大,会导致性能问题。renderer.setPixelRatio设置的值调节到合适即可。 // 调整显示效果 renderer.setPixelRatio(window 阅读全文
posted @ 2018-10-09 13:20 zhen-Android 阅读(1307) 评论(0) 推荐(0) 编辑
摘要: WebRTC支持 报错:Webcam Error navigator.mediadevices.getusermedia not present in your browser 解决办法: // 重新WebChromeClient public class MWebChromeClient exte 阅读全文
posted @ 2018-10-09 13:20 zhen-Android 阅读(1169) 评论(0) 推荐(0) 编辑
摘要: Nginx支持HTTPS Nginx-HTTPS SSL证书安装 S1.安装OpenSSL http://slproweb.com/products/Win32OpenSSL.html S2.设置环境变量 变量名:OPENSSL_HOME 变量值:D:\OpenSSL-Win64\bin; Path 阅读全文
posted @ 2018-10-09 13:20 zhen-Android 阅读(392) 评论(0) 推荐(0) 编辑
摘要: 帧率调试支持 stats.js提供了一个简单的信息框,可帮助监控代码的运行性能。 // stats.js添加到AR.js // 创建stats并添加到dom var stats = new Stats(); document.body.appendChild( stats.dom ); // 执行渲 阅读全文
posted @ 2018-10-09 13:20 zhen-Android 阅读(575) 评论(0) 推荐(0) 编辑
摘要: AR.js特性介绍 非常快:即使在旧手机上它也能高效运行 基于Web:这是一个纯Web解决方案,因此无需安装。 完整的javascript基于three.js + jsartoolkit5 开源:它是完全开源的,免费 标准:适用于任何带有webGL和webRTC的手机 AR.js主要基于两个开源项目 阅读全文
posted @ 2018-10-09 13:19 zhen-Android 阅读(8059) 评论(0) 推荐(0) 编辑
摘要: 支持2个marker跟踪 代码参考 ARjs/three.js/examples/measure-it.html // 支持追踪两个目标 ////////////////////////////////////////////////////////////////////////////// // 阅读全文
posted @ 2018-10-09 13:19 zhen-Android 阅读(941) 评论(0) 推荐(0) 编辑
摘要: 支持2渲染器 代码参考 https://threejs.org/docs/#examples/renderers/CSS3DRenderer // CSS3Drenderer cssScene = new THREE.Scene(); cssScene.add(camera); cssRendere 阅读全文
posted @ 2018-10-09 13:19 zhen-Android 阅读(352) 评论(0) 推荐(0) 编辑
摘要: AR.js资源 官方资源 https://github.com/jeromeetienne/AR.js Marker-generator AR-Code Generator 例子 https://github.com/stemkoski/AR-Examples 关联项目 AR.js核心部分 http 阅读全文
posted @ 2018-10-09 13:18 zhen-Android 阅读(1159) 评论(0) 推荐(0) 编辑