AR实境壁画源码示例教程大公开

Kivicube小程序AR原生图像追踪正式免费开放测试了!特别推出AR实境壁画模版案例供大家使用!

AR技术能够在现实的基础上构建出无限的虚拟世界,让艺术家们的画布在现实中也能得到无限延伸,为艺术作品的创作与展示带来了新的思路。

我们在全球范围内不乏看到一些知名的数字艺术家尝试使用AR作为其艺术作品的展示载体。

数字艺术家阿德里安·M和克莱儿·B的“幻影与奇迹”艺术展作品

Kivisense​在过去的两年中也尝试与不同的海外艺术家合作,让他们的创意脑洞通过AR入侵现实

为了让更多从事艺术相关行业的小伙伴能够使用AR进行创作,kivicube特别推出AR实境壁画模版案例供大家使用!

本次AR实境壁画模版我们使用了白俄罗斯艺术家Key Detail的壁画作品《太阳女神》作为落地案例给大家具体展开一下,如何使用模版制作一个AR数字壁画内容。让用户无论是否亲临现场都能体验该艺术作品相关的AR互动,了解作品背后的故事。

AR实境壁画制作教程大公开!

AR实境壁画模版功能介绍与使用流程

那么现在我们就来具体展开一下,简单教大家如何使用AR实境壁画模版完成同款场景的制作。同时欢迎关注“弥知科技”公众号,在后台回复“女神”获取本次互动详细教程与源码示例

  

(一)素材准备

我们首先使用了快手绘图工具Procreate对比实拍壁画照片分层绘制了该壁画的原画,并使用AE让太阳女神的衣服,表情能够动起来,头上的太阳神鸟环绕女神徐徐飞出。

 附一段KIVISENSE设计大大们的制作过程

另外在本次教程素材的制作过程中我们还发现了非常多的对设计师甚至小白用户都非常友好的宝藏软件,能够帮助用户优化AR项目视觉与模型动画等多方面的体验。后续有机会我们会持续迭代相关的教程,大家敬请期待。

(二)AR制作

本次太阳女神AR教程分为入门与高级两个版本:

入门教程:只需要用户使用Kivicube编辑器无需编程即可制作好AR场景,并在Web端与小程序端体验

高级教程:高级教程会用到我们提供的开箱即用代码,Kivicube小程序AR插件进行二次自定义开发,可以制作更加丰富的体验

01 入门教程

我们考虑到很多用户在实际体验中无法亲临现场,在整个AR体验上分成了线上与线下两个部分

对于线上未能到现场的用户我们准备了AR趣味滤镜互动,用户打开摄像头即可与太阳神鸟主题滤镜合拍。

而亲临现场的用户则能直接扫描壁画,即可看到壁画上的太阳女神微微一笑,神态安详,太阳神鸟从壁画中飞入现实。

以上提到的所有AR互动内容,通过Kivicube AR在线制作平台即可完成所有制作!除此之外,我们秉承着“没有好素材就没有好的AR场景”的观点,将从识别图处理、视频素材制作规范以及AR相框制作注意事项等等所有与设计、素材制作相关的细节规范在详细教程中进行具体说明。

02 高级教程

在介绍高级教程之前,我们首先要跟大家公布一个好消息:Kivicube小程序AR原生图像追踪正式免费开放测试了并且在本次AR实境壁画的高级教程中我们马上就会实际使用使用到这个功能!

有代码基础又对我们平台图像追踪功能非常感兴趣的Kivicube用户们一定不要错过!

那么现在我们就来看一看,高级教程中都包含了哪些值得期待的内容:

开箱即用的源码示例,手把手教你做AR

我们从过去几年的AR商业项目中分析提取了其中使用范围最广的一套小程序AR插件示例,让开发者不仅能够将AR场景直接接入自己的小程序,并在此基础上实现:

  • UI/UX的自定义开发—开发者可根据项目的需要实现对UI/UX的自定义,例如示例中帮助用户了解艺术作品而添加的「作品详情」按钮等

  • AR流程引导提示—我们提供一整套AR流程引导模版,让开发者与设计都无需再花太多精力研究AR场景中的用户体验。在本次示例中,包括扫描引导、安全提示在内的多项流程都可供大家使用

  • 自定义拍照—允许用户自定义相框设计,添加体验二维码等,生成更符合项目需求的拍照海报

支持H5接入AR功能,助力传统H5玩法升级

在kivicube正式上线的两年中我们接到了很多开发者关于kivicube场景接入H5的需求反馈。在本次的AR画布高级教程中,我们正式开放了两种不同的H5接入模式供开发者选择:

  • 通过iframe嵌入—用户可通过iframe嵌入的方式,将Kivicube在线制作平台制作好的AR场景直接与自己已有的H5完成融合。

  • 通过跳转小程序体验—如果kivicube在线编辑器中的功能没有完全满足商业项目的需求,我们也支持用户直接使用kivicube小程序AR插件进行二次开发,并且无缝嵌入已有的H5中!

经过以上教程的一系列操作,我们就能成功使用AR实境壁画示例作出一个太阳女神AR艺术展示场景啦!不能到壁画现场打卡的小伙伴,使用微信扫描下方识别图直接体验AR效果哦

AR实境壁画源码示例教程大公开_第1张图片

期待AR实境壁画示例能更大程度的降低Kivicube用户的AR制作门槛,帮助大家的创意脑洞尽快落地。同时对Kivicube目前的功能有任何的建议,欢迎添加微信:kiviman72 直接与我们沟通!

关于弥知

专注于AR(增强现实)原创技术研发,是国内领先的AR整体解决方案服务商

旗下国内首个WebXR在线制作平台KIVICUBE,帮助用户通过可视化编辑,零基础即可制作出交互丰富的AR商业场景,并一键发布至小程序、公众号与微博等多个平台

AR实境壁画源码示例教程大公开_第2张图片

你可能感兴趣的:(AR,ar,微信,小程序)