AR.js 是一个专门为Web开发人员设计的开源库，专注于实现增强现实（AR）功能。它以其轻量级的特性，高效地将AR技术融入到网页应用中，无需复杂的硬件设备或者专门的AR平台。这个库的主要特点包括图像跟踪、基于位置的AR以及标记跟踪，使得在网页上创建互动式的AR体验变得更为便捷。 1. **图像跟踪**：AR.js 提供了图像识别和跟踪的功能。这意味着用户可以通过摄像头捕捉特定的图像，如图片、海报或者二维码，然后在这些图像上叠加虚拟内容。这种技术在广告、教育、艺术等领域有着广泛的应用，可以为用户提供一种全新的交互方式。 2. **基于位置的AR**：AR.js 还支持基于地理位置的AR体验。通过获取用户的GPS坐标和其他传感器数据，它可以将虚拟对象与真实世界的位置相结合，例如在地图上显示虚拟的指示标志或信息热点。这对于旅游、导航或者户外活动的增强体验非常有帮助。 3. **标记跟踪**：除了图像跟踪，AR.js 还实现了标记跟踪，即通过识别特定的二维或三维标记来定位和追踪。用户可以打印出这些标记并放置在现实环境中，然后通过摄像头观察它们，AR.js 将在标记上生成相应的虚拟内容，增强了现实与虚拟世界的融合。 4. **JavaScript 支持**：AR.js 是用JavaScript编写的，这意味着它可以轻松地与HTML5和CSS3结合，用于构建现代网页应用。开发者不需要学习新的编程语言，只需具备基本的前端开发技能，就可以利用AR.js 开发AR应用。 5. **跨平台兼容**：由于AR.js 是基于Web的，所以它可以在多种设备上运行，包括桌面浏览器、智能手机和平板电脑。这使得AR体验能够触达更广泛的用户群体，无论他们使用的是iOS还是Android设备。 6. **性能优化**：AR.js 专注于提高性能，即使在移动设备上也能流畅运行。它利用了Three.js，这是一个强大的3D图形库，以确保在处理复杂的3D模型和场景时保持流畅性。 7. **社区支持**：作为开源项目，AR.js 拥有一个活跃的开发者社区，提供持续的更新和改进。开发者可以在GitHub上找到源代码、文档和示例，与其他开发者交流经验，共同推动AR.js 的发展。 8. **易于集成**：对于开发者来说，将AR.js 集入现有的Web项目相对简单。只需要引入AR.js 的库文件，并配置好相关参数，就可以快速启动一个基础的AR应用。 9. **应用场景**：AR.js 可用于各种场景，比如游戏、教育、室内导航、产品展示等。通过结合AR.js 的功能，开发者可以创造出引人入胜的交互式体验，提升用户参与度和满意度。 AR.js 是一个强大的工具，为Web开发者提供了构建增强现实应用的便捷途径。借助其丰富的功能和易用性，开发者可以轻松地将AR元素融入网页，为用户提供创新且有趣的互动体验。

内容概要：MindAR一款js实现的前端ar库，支持图片跟踪和人脸跟踪，微信里可运行。 适合人群：访问github困难的同学。 搬运自：https://github.com/hiukim/mind-ar-js 注意事项：调用摄像头得用localhost或者https。

arjs-image-tracking-poc 使用AR.js的图像跟踪示例

AR.js-高效的Web增强现实 我正在努力使Web的AR成为现实。 该存储库是我发布代码的地方。 随时与我联系 。 东西仍在快速移动，我们达到了良好的状态。 已在发表了一篇文章。 所以我想发布，以便人们可以尝试并享受它的乐趣:) 速度非常快：即使在手机上也可以高效运行。 ！ 基于Web的：这是一个纯Web解决方案，因此无需安装。 基于three.js + jsartoolkit5的完整javascript 开源：它是完全开源且免费的！ 标准：可以在任何装有和电话上使用 如果您想聊天，请检查 在手机上尝试 它适用于所有平台。 Android，IOS和窗口电话。 它可以使用WebGL和WebRTC运行任何浏览器。 （对于IOS，您需要更新到ios11） 只需2个简单的步骤即可尝试使用手机，请试试看！ 在桌面浏览器中打开此。 在手机浏览器中打开此程序，然后将其指向屏幕。 大

使用MindAR的示例 这是在React中使用的示例项目 react组件位于src/MindARViewer内部。 其他所有内容都是通过create-react-app ，它们无关紧要。 截屏 它表明： 如何将MindAR导入为npm软件包 如何为MindAR创建一个React组件 跑步 > npm install > npm run start

AR_painting 这将是对AR.js应用程序在图像上显示动画的测试。

AR.js-网络上的增强现实 AR.js是用于Web上增强现实的轻量级库，具有图像跟踪，基于位置的AR和标记跟踪等功能。 欢迎使用官方资料库！ 该项目由创建，现在由维护。 :rocket: 有关AR.js的频繁更新，您可以关注并观看此！ 徽标由。 您可以获得AR.js的付费支持和新功能。 检查 :high_voltage: AR.js现在有一个官方文档！ :high_voltage: 出： 。 如果您想初步了解AR.js的潜力，可以继续阅读本自述文件。 :high_voltage: AR.js有两种不同的版本。 它们都被维护。 他们是独家的。 请导入您项目所需的一个，而不是两个都导入： 具有图像跟踪+基于位置的AR的AR.js： AFRAME版本： ：//raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js three.js版本： ：//raw.githack.com/AR-js-org/AR.js/master/three.js/build/ar-nft.js 具有标

WebARDemo 1.基于AR.js开发的WebAR演示 2，PDF文件夹中的ARcode 3.如果您需要沟通，可以与我联系。 我的电子邮件地址是 。

mind-ar-js（测试版） mind-ar-js是用于Web增强现实的轻量级库。 主要功能包括： :white_medium_star: 用纯JavaScript编写，从底层计算机视觉引擎到前端是端到端的 :white_medium_star: 利用gpu（通过webgl）和网络工作者提高性能 :white_medium_star: 支持自然特征跟踪（即图像目标），具有多个目标 :white_medium_star: 开发人员友好。 易于设置。 借助AFRAME扩展程序，您只需10行代码即可启动您的应用 演示版 观看视频： : ，或自己尝试： 示例1：使用手机打开以下网址： : 。 允许相机访问并查看下图以触发AR效果。 示例2（多个目标）用您的手机打开此URL： : 。 允许相机访问并查看以下图像（一次一张）以触发AR效果。 示例3（交互式示例） 观看视频： : ，或自己尝试： 用您的手机打开此网址： : 。 允许相机访问并查看示例1中的相同图像。 用法 步骤1：编译映像目标 使用

利用WebAR技术显示爱心，详细参考https://blog.csdn.net/u011974819/article/details/115730734