网站建设兆金手指科杰,视频网站开发前景,郑州大型网站开发公司,网上教学网站建设写在前面的话 感慨一下#xff0c; WebXR的发展是真的快#xff0c;20年的时候#xff0c;大多都在用AR.js做WebAR。随着WebXR标准发展#xff0c;现在诸如Threejs、AFrame、Unity等多个平台都支持里WebXR。 本文将介绍在Unity中使用 Image Tracker实现Web端的AR图像识别功…写在前面的话 感慨一下 WebXR的发展是真的快20年的时候大多都在用AR.js做WebAR。随着WebXR标准发展现在诸如Threejs、AFrame、Unity等多个平台都支持里WebXR。 本文将介绍在Unity中使用 Image Tracker实现Web端的AR图像识别功能。 若是使用Unity在原生端做AR图像识别请参考之前的文档【图像识别】在Unity中使用ARCore增强图像的几种方式详细记录了使用ARFoundation或使用我实现的AR插件两种方式。 若是使用安卓原生开发的方式可以使用Scenefrom-EQR参考ImageScanner.java(集成了ARCore和AREngine)的使用。 此外在Unity中基于WebGL实现XR还可使用Unity资源商店提供的WebAR Foundation、WebXR Plugin。
在Unity中基于 Image Tracker实现AR图像识别 由于插件较为完善仅作简单记录。 插件安装
Unity资源商店提供了免费版本和付费版本。 Imagine WebAR - Image Tracker(最新版本) 免费版本Imagine WebAR - Image Tracker Free
运行示例
图片数据设置
在Unity中切换到WebGL平台导入ImageTracker的unitypackage找到demo下的scene运行即可。
替换图片的话参考场景中的Tracker对象
手机浏览器运行
这里为了在手机端打开我将Build后的工程部署到了服务器上。运行可图如下 浏览器请求摄像头权限 识别图像
注意事项
由于应用需要访问摄像头因此必须在支持HTTPS的服务器上进行部署。设置CompressionFormat为Disabled
