AR。js3和AFrame开始支持全新图像追踪、基于位置的追

　　来源：映维网作者颜昳华
　　AR。js3和AFrame现已支持全新的图像追踪和基于位置的追踪。详细的API引用和源代码请访问官方文档和GitHub页面。
　　AFrame团队同时分享了关于所述追踪功能的示例教程。
　　1。图像追踪
　　全新的AR。js追踪可以将任意图像或图形作为三维内容进行定位和显示。
　　你只需要一张有着大量细节的高分辨率图像即可。图像越详尽，追踪效果越好。关于具体如何选择图片，请参考这篇博文。
　　对于本教程，我们将采用下图：
　　1。1创建图像描述符
　　下一步是创建图像描述符：一组用于描述图像，并用于追踪算法的文件。示例使用了Web端的NFTMarkedCreator（如果愿意，你可以将其作为node。js脚本在本地使用）。上传你的图片，然后点击“generat”来创建描述符。图像处理完成后，三个文件将自动下载。接下来，将以下代码片段复制到新的HTML文件，并将其托管在服务器。为方便起见，下文提供了包含所有必要代码的Codepen。
　　ImagebasedtrackingAR。https：aframe。ioreleases1。0。4aframe。min。https：raw。githack。comARjsorgAR。jsmasteraframebuildaframearnft。。arjsloader｛height：100；width：100；position：top：0；left：0；backgroundcolor：rgba（0，0，0，0。8）；zindex：9999；display：justifycontent：alignitems：｝。arjsloaderdiv｛textalign：fontsize：1。25color：｝margin：0overflow：Loading，pleasewait。。。enabled：logarithmicDepthBuffer：trackingMethod：sourceType：debugUIEnabled：smoothC10smoothT。01smoothT5https：arjscorsproxy。herokuapp。comhttps：raw。githack。comARjsorgAR。jsmasteraframeexamplesimagetrackingnfttrexscene。5551001000将指向包含你生成和下载的图像描述符的路径。所述文件会拥有一个通用名称。删除文件扩展名，如“dinora。fset”和“dinora。iset”等，你要添加的路径应以“dinora”结尾。举一个本地或远程服务器的例子：Github和Glitch是免费和方便的选项。导航到URL，而你应该会在加载屏幕消失后看到一个霸王龙模型。如果你希望不自己托管并立即查看效果，请访问这个Codepen。你可以将上述模型替换为任何其他资源：二维视频、图像、音频文件。任何AFAentity都是Anft锚的有效子级。2。基于位置的AR基于位置的追踪是使用真实世界的坐标将AR内容放到情景之中。用户可以自由移动，而与其位置相关的内容会相应地缩放和放置。例如，内容将根据与用户的距离变大变小。利用AR。js和AFrame，你现在可以轻松建立城市和博物馆游览，餐厅指南，寻宝，与生物和历史等学科相关的学习体验，或将虚拟艺术品放置在现实世界。下面的示例将向你演示如何将文本放置到现实世界中的固定位置。当你移动时，文本会保持原位。内容锚定到你当前的位置。在尝试之前，请确保设备已启用GPS追踪。utf8XUACIELocationbasedAR。https：aframe。ioreleases1。0。4aframe。min。https：unpkg。comaframelookatcomponent0。8。0distaframelookatcomponent。min。https：raw。githack。comARjsorgAR。jsmasteraframebuildaframearnft。margin：0；overflow：enabled：sourceType：debugUIEnabled：Thiscontentwillalwaysfaceyou。〔gpscamera〕505050latitude：；longitude：；注意事项：将和替换为GPS坐标。有数个在线服务可允许你免费检索所述数据，如latlong。根据坐标指定的位置距离更改缩放属性：如果看不到文本，请尝试将其放大或选择一个离文本较近的位置。示例使用了自定义的lookatAFrame组件，这使得内容总是面向用户camera。这十分重要，尤其是作为文本的2D内容。你可以在包含GPS数据的设备运行所述示例，并应该能够看到固定位置的文本。根据GPS坐标，它的位置应该符合现实世界定位。你可以充分发挥创造力，用自己喜欢的任何内容替换文本。利用AFrame，你可以快速显示3D模型、视频、图像。任何Aentity都将如同预期一般实现定位追踪。原文链接：https：yivian。comnews73381。