AR技术可以通过HTML5实现吗?不通过APP

AR技术可以通过HTML5实现吗?不通过APP,第1张

AR的话还可以,毕竟AR是把显示记录在显示还原,AR只是在还原的时候加入其他其他自定义元素。

思路,可以获取摄像头图像,然后还原,HTML5上建2个图层,底下是摄像头图像,上边层自己加东西,而要做到人脸识别一类的可能需要一些引擎,只是一般增加元素,应该不难。但是纯HTML5是难的,还需要其他语言支持。单独做到网页浏览是没问题,纯HTML5是很难毕竟HTML5在于兼容性不是性能。

1、在unity中,打开Vuforia引擎,建立一个简单的图片识别。

2、然后打开Vuforia官方网站,点击网站上方的Develop,再点选Lisense获得一个AR识别序列号,点击一下就可以复制。

3、回到unity,找到ARcamera,将复制来的信息粘贴上去。

4、添加要ar扫描的海报即可。

实际上,AR能够实现如此真实且趣味性强的互动,主要是三个关键技术在起作用。

第一是动作追踪,即利用手机内置的摄像头和传感器搜集房间中有明显特征的点,再利用ARCore估算出手机的相对位置,以此作为虚拟物件精准放置的依据。第二是环境感知,也就是利用摄像头检测如地面、桌面这类水平表面。第三是光线预测,即ARCore可通过手机传感器感知环境的光照情况,并以此为依据调整虚拟物体的亮度、材质和阴影,使其达到更为逼真的效果。

若是更为细致的分析,其实就是先通过摄像头采集实景,之后将采集到的实景数字化成图像,然后通过特征点检测、匹配等一系列技术找到识别标识物,以此为参考找出需要生成的动画在AR环境中处于何种位置或方向,并确定提前存入手机中的标识图的位置。最后,根据以上信息进行动画渲染,动画必须和识别图位置保持一致才能达到融合效果。

这就是AR基本的实现过程,如今的手机端AR开发多数采用此种模式。开发者并不用去考虑底层实现,而是可以通过Vuforia、Metaio、EasyAR等插件来解决这类问题。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6171449.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存