EasyAR实现WebAR功能

EasyAR WebAR 快速入门:https://www.easyar.cn/doc/EasyAR%20WebAR/manual.html

AR.js + WebAR 快速入门:https://blog.csdn.net/qq_39097425/article/details/81318593

 

1.搭建本地PhpStudy服务器

https://blog.csdn.net/qq_39097425/article/details/81318593

2.下载Easy WebAR Demo包,链接:https://github.com/gentwolf-shen/EasyAR-WebAR-Demo

将下载下来的文件解压,复制这个目录至 apache网站跟mul目录下(即WWW文件目录下)

EasyAR实现WebAR功能_第1张图片

EasyAR实现WebAR功能_第2张图片

3.将这个目录下的 recognize.php 文件拷贝到网站根目录下

EasyAR实现WebAR功能_第3张图片

EasyAR实现WebAR功能_第4张图片

4.到EasyAR官网申请秘钥https://www.easyar.cn/view/login.html

EasyAR实现WebAR功能_第5张图片

EasyAR实现WebAR功能_第6张图片

EasyAR实现WebAR功能_第7张图片

5.打开 recognize.php 文件,修改以下3个数据:

EasyAR实现WebAR功能_第8张图片

6.打开该目录下的 app.js ,修改一行代码,这代码用于读取 recognize.php 文件,如果前面是照着我做的,那么这里的读取路径应该是 /recognize.php  斜杠别忘了写,还有php的后缀名

EasyAR实现WebAR功能_第9张图片

7.好了运行一下看看效果如何,鼠标左键拖动模型上下左右旋转,鼠标右键拖动控制模型位置,鼠标滚轮控制模型缩放

EasyAR实现WebAR功能_第10张图片EasyAR实现WebAR功能_第11张图片

 

 

 

 

你可能感兴趣的:(AR)