一、创建图片描述符

1.1 下载创建图片描述符的项目demo链接

https://download.csdn.net/download/qq_39951524/87545994?spm=1001.2014.3001.5503

1.2 下载好后，存储到D盘，或其他盘里

** 注意：** 把你想要的图片放到项目的目录里。

1.3 安装依赖 node.js 在cmd中执行操作命令

node app.js -i

1.4 具体执行流程为下图

1.5 在这之后，您将在新生成的output文件夹中找到图像描述符文件

在output文件中您将得到三个文件作为图像描述符，分别是.fset、.fset3和.iset。它们在文件扩展名之前都有相同的前缀。例如：ming.fset 、ming.fset3、 ming.iset三个文件都是由ming.jpg生成。

注意：普通格式的图片，AR.js并不能进行识别追踪，因此才需要需要对图片进行处理。

二、页面内容渲染

Loading, please wait...

vr-mode-ui="enabled: false;"

renderer="logarithmicDepthBuffer: true;"

embedded

arjs="trackingMethod: best; sourceType: webcam;debugUIEnabled: false;"

>

type="nft"

url=""

smooth="true"

smoothCount="10"

smoothTolerance=".01"

smoothThreshold="5"

>

gltf-model=""

scale="5 5 5"

gesture-handler="minScale: 0.25; maxScale: 10"

position="100 150 -200"

rotation="-90 0 0"

>

三、项目部署

切记 ：手机浏览器打开摄像头需要https协议（必须）

1. 项目放在服务器上部署，html里的文件路径可能需要自行调整。 2. 打开index.html，允许访问摄像头，等待模型加载（加载完成黑屏会消失）。 3. 打开项目里的图片，摄像头对准图片，在画面中调整适中的图片大小，模型就会显示出来。

四、安装需要的插件

4.1 插件aframe-master.min.js、插件aframe-ar-nft.js、three.min.js、stats.min.js、ar.js 集合链接

https://download.csdn.net/download/qq_39951524/87545984?spm=1001.2014.3001.5503

好文阅读

评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。