1,创作目的
在手机的浏览器使用unity开发的AR应用
2,创作背景
unity在手机(ios,安卓平台)开发AR应用,已经很成熟了,但是如果想要在Web网页上面使用Ar,目前还没有很好的方法,最直接的证明方式就是ARfoudation不支持webGL
这里显示没有插件可用,所以ARfoudation不支持webGL,寻找替代品来使用。而且就算Unity打包成功Build andRun ,也只能在电脑浏览器里面使用,在手机的使用还需要解决。
3,安装zapper AR插件
官方教程链接:
插件assert链接
Universal AR (UAR) SDK - Web and Native AR | 整合 | Unity Asset Store
根据教程,导入官方sampls,
这里使用InstantTracker做演示,在AR场景中放置物体。
然后直接Build andRun,你应该可以在本地浏览器看到画面 ,这说明你的环境没有问题,下面想办法在手机上面打开这个链接就可以了。
4,部署到手机
有自己的服务器的可以把打包好的webGL,放到自己的服务器,然后在手机上面访问。
没有服务器的看下面的操作,先安装Node.js,安装成功的测试方法是输入
node -v
出现版本号说明安装成功,个人理解,这个东西是一个本地的服务器。
然后安装zap的官方插件
在build的文件夹输入cmd,打开命令行
输入zapwork是 serve -lan
成功了,会显示下面的画面,一个电脑使用的链接,和手机使用的链接+二维码,不过我的手机识别不到这个二维码,手动输入网站。
调用相机成功
打开画面,是一个白色的立方体,在检测到的平面上面移动,点击立方体会进行放置,然后立方变色。大功告成
5,总结
在手机浏览器使用unity开发ar的一种办法,借助webgl,减少安装app的麻烦。后期考虑发布到微信小程序上面,但是微信小程序自带开发AR的框架,使用unity去开发反而比较麻烦。