1. 下载代码

GitHub - AR-js-org/AR.js: Image tracking, Location Based AR, Marker tracking. All on the Web.

2. 将代码目录发布为HTTPS

必须一定得是HTTPS, 不然无法使用.

3. 制作标记

用浏览器打开地址

AR.js/three.js/examples/marker-training/examples/generator.html

在这里可以上传你的图片, 并且下载你的`pattern`文件

4. 编辑代码

编辑以下文件

AR.js/three.js/examples/basic.html

将这里的地址改成pattern的路径

改完之后,使用手机浏览器访问既可.

AR.JS/制作标记/虚拟现实/相关推荐

AR.js 学习笔记
中文文档链接: 首页 | AR.jsAR.js 是 Web 端增强现实的轻量级框架,具有图像追踪.基于位置的AR和标记跟踪等功能.http://febeacon.com/arjs-docs-zh-cn ...
使用WebGL + Three.js制作动画场景
使用WebGL + Three.js制作动画场景 3D图像,技术,打造产品,还有互联网:这些只是我爱好的一小部分. 现在,感谢WebGL的出现-一个新的JavaScriptAPI,它可以在不依赖任何插 ...
使用WebGL + Three.js制作动画场景 1
使用WebGL + Three.js制作动画场景 3D图像,技术,打造产品,还有互联网:这些只是我爱好的一小部分. 现在,感谢WebGL的出现-一个新的JavaScriptAPI,它可以在不依赖任何插 ...
three.ar.js_我们如何通过AR.js使产品吉祥物栩栩如生
three.ar.js by Mateusz Tarnaski 由Mateusz Tarnaski 我们如何通过AR.js使产品吉祥物栩栩如生 (How we brought our product ...
js在一个指定元素前添加内容_WebAR开发指南（1）---使用AR.js实现第一个WebAR demo...
前面有一篇文章万字干货介绍WebAR的实现与应用分析了目前流行的WebAR框架并简单的介绍一些实现方法,这个专栏我们具体的来通过一些框架实现WebAR效果. 关于AR.js AR.js是一个轻量级的 ...
Echart.js China.js制作中国热力图
个人blog,欢迎关注加收藏 Echart.js 和 China.js 制作中国热力图 Echart.js 和 China.js 可以去官方下载项目:H5绣红旗 index.html <scr ...
WebAR开发指南（1）---使用AR.js实现第一个WebAR demo
以下内容由公众号:三次方AIRX(国内领先的AI.AR.VR技术学习与交流平台) 整理前面有一篇文章万字干货介绍WebAR的实现与应用分析了目前流行的WebAR框架并简单的介绍一些实现方法,这个专栏 ...
AR.js开发问题详解（二维码识别不出来及AR二维码如何进行训练）
AR.js开发问题详解(二维码识别不出来及AR二维码如何进行训练) 1. 大家碰到的很多都是二维码识别不出来的情况. 原因:周围环境的光太强或太暗,遮挡了二维码的信息,摄像头识别不到全部的信 ...
#1使用html+css+js制作网站教程准备
#1使用html+css+js制作网站教程准备本系列链接 0 准备 0.1 IDE编辑软件 0.2 浏览器 0.3 基础概念 0.3.1 html 0.3.2 css 0.3.3 js 0.4 文 ...

AR.JS/制作标记/虚拟现实/

1. 下载代码

3. 制作标记

4. 编辑代码

AR.JS/制作标记/虚拟现实/相关推荐

最新文章

热门文章