「砍柴网」AR.js 3和A-Frame开始支持全新图像追踪、基于位置的追踪
北京联盟_本文原题：AR.js 3和A-Frame开始支持全新图像追踪、基于位置的追踪
来源：映维网 作者 颜昳华
AR.js 3和A-Frame现已支持全新的图像追踪和基于位置的追踪 。 详细的API引用和源代码请访问官方文档和GitHub页面 。
A-Frame团队同时分享了关于所述追踪功能的示例教程 。
本文插图
1. 图像追踪
全新的AR.js追踪可以将任意图像或图形作为三维内容进行定位和显示 。
你只需要一张有着大量细节的高分辨率图像即可 。 图像越详尽 ， 追踪效果越好 。 关于具体如何选择图片 ， 请参考这篇博文 。
对于本教程 ， 我们将采用下图：
【「砍柴网」AR.js 3和A-Frame开始支持全新图像追踪、基于位置的追踪】
本文插图
1.1 创建图像描述符
下一步是创建图像描述符：一组用于描述图像 ， 并用于追踪算法的文件 。 示例使用了Web端的NFT Marked Creator（如果愿意 ， 你可以将其作为node.js脚本在本地使用） 。 上传你的图片 ， 然后点击“generat”来创建描述符 。 图像处理完成后 ， 三个文件将自动下载 。 接下来 ， 将以下代码片段复制到新的HTML文件 ， 并将其托管在服务器 。 为方便起见 ， 下文提供了包含所有必要代码的Codepen 。
Image based tracking AR.js demotitle>
![[达达带你看世界]东北人最下饭的十道小咸菜，你吃过吗？贼下饭！想想都流口水！](http://ttbs.guangsuss.com/image/7bdd22d439da728f277b7b372786b133)
![[泰国资讯指南]尚泰告知商户书信：准备5月1日开门营业](https://imgcdn.toutiaoyule.com/20200420/20200420154018099232a_t.jpeg)
