使用AR.js打造WebAR入门课程（四）——基于地理位置的示例自行更换模型

胡晓天o0

于 2021-04-22 10:45:33 发布

阅读量2.1k

点赞数

分类专栏：前端笔记 ar.js 文章标签： webar ar ar.js 前端

本文链接：https://blog.youkuaiyun.com/qq_24127447/article/details/116003409

版权

上一篇文章只是实现了官网上面的基于位置的示例，这一篇文章稍微进阶一点，来了解一下基于位置的一些参数和怎样自行更换模型。

首先我们先把上一篇文章中的代码贴出来简单解释一下，然后再在这个基础上更改。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>GeoAR.js demo</title>
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-look-at-component@0.8.0/dist/aframe-look-at-component.min.js"></script>
    <!-- 在这里我把这个js文件的路径更改成了本地的，因为官方示例的这个js文件没有梯子访问不到，文件具体的获取方式可以看下我前面的两篇文章（直接在github上面下载下来就行了） -->
    <script src="js/aframe-ar-nft.js"></script>
  </head>
 
  <body style="margin: 0; overflow: hidden;">
    <a-scene
      vr-mode-ui="enabled: false"