AR.js 使用教程

最新推荐文章于 2025-04-14 09:51:53 发布

韶婉珊Vivian

最新推荐文章于 2025-04-14 09:51:53 发布

阅读量1.2k

点赞数 17

本文链接：https://blog.csdn.net/gitblog_00424/article/details/141045324

版权

AR.js 使用教程

项目地址:https://gitcode.com/gh_mirrors/arj/AR.js

项目介绍

AR.js 是一个轻量级的增强现实（Augmented Reality, AR）库，专为 Web 设计。它提供了图像跟踪、位置基于的 AR 和标记跟踪等功能。AR.js 由 @jeromeetienne 创建，目前由 AR js org 维护。该项目支持 A-Frame 和 three.js，使得开发者能够轻松地在网页上实现 AR 体验。

项目快速启动

安装与导入

首先，你需要从 GitHub 克隆项目：

git clone https://github.com/AR-js-org/AR.js.git

然后，在你的 HTML 文件中导入 AR.js 库。以下是使用 A-Frame 版本的示例：

<!DOCTYPE html>
<html>
<head>
    <title>AR.js 快速启动</title>
    <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
    <script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script>
</head>
<body style="margin: 0; overflow: hidden;">
    <a-scene embedded arjs="trackingMethod: best; sourceType: webcam; debugUIEnabled: false;">
        <a-marker preset="hiro">
            <a-box position="0 0.5 0" material="color: red;"></a-box>
        </a-marker>
        <a-entity camera></a-entity>
    </a-scene>
</body>
</html>