ar.js
文章平均质量分 52
胡晓天o0
这个作者很懒,什么都没留下…
展开
-
使用AR.js打造WebAR入门课程(五)——在AR内容上添加DOM交互元素
前面的几篇文章分别写了基于位置的AR和基于图像标记的AR,这一篇文章我们在之前的基础上面增加一些交互元素,也就是用html+css+方法的方式来给页面增加一些可以互动的东西。其实原理还是很简单的,只是用到了一些html+css的东西。下面还是先拿官方的例子来看一下。<!DOCTYPE html><html> <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>原创 2021-04-23 14:12:12 · 1250 阅读 · 1 评论 -
使用AR.js打造WebAR入门课程(四)——基于地理位置的示例自行更换模型
上一篇文章只是实现了官网上面的基于位置的示例,这一篇文章稍微进阶一点,来了解一下基于位置的一些参数和怎样自行更换模型。首先我们先把上一篇文章中的代码贴出来简单解释一下,然后再在这个基础上更改。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />原创 2021-04-22 10:45:33 · 1972 阅读 · 4 评论 -
使用AR.js打造WebAR入门课程(三)——基于地理位置的示例
前面的两篇文章都是写的关于基于图像的示例,这一篇文章来写一下基于地理位置的示例。基于地理位置也很好理解,就是通过经纬度来确定目标点,然后在目标点显示你想要的的东西。首先还是直接放一下官方的示例代码,在代码里面我会标记出来一些解释。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content原创 2021-04-19 17:31:08 · 1503 阅读 · 1 评论 -
使用AR.js打造WebAR入门课程(二)——基于图像标记,自行替换图像及模型
在上一篇文章中只是简单地介绍了一下官方中基于图像标记的例子,并没有说到自己替换图像以及模型,这一篇文章主要就是简单讲一下怎么把自己的模型和图像替换上去。上一篇文章地址:https://blog.csdn.net/qq_24127447/article/details/115718301官方示例地址:https://github.com/AR-js-org/AR.js首先先放一下官方示例的代码,然后我们根据代码来进行讲解。<script src="https://cdn.jsdeliv原创 2021-04-16 10:47:15 · 1617 阅读 · 0 评论 -
使用AR.js打造WebAR入门课程(一)——基于图像标记的示例
AR.js是一个用于Web增强现实的轻量级库,具有图像跟踪,基于位置的AR和标记跟踪等功能。AR.js有基于图像、基于位置和基于标记的三种功能,这一篇文章只是根据官方文档做一个基于图像的示例。官方文档地址:https://ar-js-org.github.io/AR.js-Docs/注意事项:一、AR.js必须使用支持https的服务器,如果没有自己的服务器的话可以选择在自己本地搭建,也可以选择使用github,这方面可以自行搜索解决,这里不再赘述。二、对于入门者来说直接把官方文档上原创 2021-04-15 11:17:05 · 2673 阅读 · 5 评论