如果你是iOS系统用户,并且更新新版本系统,而且经常看苹果官网,那么应该会注意到苹果官网在Safari浏览器里就可以直接看AR内容,也就是说你只要输入网址就可以直接AR模式无死角浏览产品!
作为一个程序员/或者建模师/或相关从业者,就会关心这个怎么实现。
使用电脑浏览不会出现AR浏览按钮,也就是说只支持传统iOS系统设备最新版ios系统(目前iPad虽然还是原来那个ios系统但是改名叫iPadOS)
使用手机版Safari调试器就可以看到AR按钮的前端代码实现,其实很简单。那就是,仅仅就是把超链接链接向一个usdz格式的文件。当然AR内容的超链接加了rel="ar"标签属性参数信息。
也就是说,要在浏览器展示AR内容,只需要把浏览器超链接指向一个usdz格式文件即可。USDZ是什么,它就像mp4 mp3这样的媒体格式,是苹果目前AR专用3D格式,做3D建模的应该了解OBJ、FBX、STL、glTFF这些3D文件格式(非3D建模原始文件格式)
也就是说吗,只要把自己的3D文件转成USDZ格式,然后按照上面说的方式引入到你的网页,那么ios系统的用户就可以在手机上看AR了,是不是瞬间让产品展示高大上了呢?
此功能是ios12的AR quick look,至于要深度开发定制,那就需要自己去研究iOS的自带SDK ARkit或者第三方AR开发SDK。需要安卓手机支持的话,选择一个跨平台的AR引擎就行了,但是这样的话,不仅仅是建模就行了,还需要懂不同平台的APP编译打包,AR引擎的使用或者简单编程技术。
使用Safari浏览器快速浏览的好处在于你只要会建模基本就可以AR展示一个产品了。就像苹果官网上AR展示苹果产品那样高逼格。