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实境壁画示例能更大程度的降低Kivicube用户的AR制作门槛，帮助大家的创意脑洞尽快落地。同时对Kivicube目前的功能有任何的建议，欢迎添加微信：kiviman72 直接与我们沟通！

关于弥知

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

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

AR实境壁画源码示例教程大公开相关推荐

微信小程序 - 音乐列表点击播放 / 暂停音频，流畅切换音频（支持暂停音乐后，保留音乐 “进度“ 继续播放）最好用最详细的源码示例教程，适用于wechat列表点击后播放 mp3 wav 文件的需求
前言网上的教程代码太臃肿且有 BUG,一行注释都没有很难读懂和改造示例. 本文提供一个干净整洁的代码示例,实现了点击列表时,播放.暂停.切换音频,暂停时保留 "进度" 继续播放 ...
直播源码搭建教程之直播流媒体
直播源码搭建教程之直播流媒体前言这段时间在搭建一个IPCamera项目服务器.视频点对点通话,客户端会查看设备端的音视频实时流.为了省流量,是通过P2P进行穿透.但是由于NAT设备的原因和IPV4 ...
【Flutter】Flutter 拍照示例 ( Flutter 插件配置 | Flutter 插件源码示例 | iOS 应用配置 | Android 应用配置 )
文章目录一.Flutter 插件配置二.Flutter 插件源码示例三.iOS 应用配置四.Android 应用配置五.相关资源一.Flutter 插件配置 Flutter 拍照示例中 , ...
基于改进YOLOv7＆OpenCV的行人过马路速度与交通灯实时监测系统（源码＆教程）
1.研究背景横穿马路的行人运动速度太快.太慢或者突变都可能影响驾驶者的判断,从而导致交通事故.车载辅助系统应能够在交通路口为驾驶者提供异常行人的速度预判信息.文献[1-2]通过对不同红绿灯情形进行建 ...
Extjs各版本的下载链接，包含ext3.4源码示例
Extjs各版本的下载链接,包含ext3.4源码示例最近在维护一个老平台,用的是ext3.4,老东西在网上找示例发现既然还有人收钱,谷歌了一下总算找到了一位免费的发布的,感谢 yipanbo 分享 ...
hmac-sha1加密算法C源码示例
HMAC: Hash-based Message Authentication Code,即基于Hash的消息鉴别码在各大开放平台大行其道的互联网开发潮流中,调用各平台的API接口过程中,无一例外都 ...
深入解析Angular Component的源码示例
本篇文章主要介绍了剖析Angular Component的源码示例,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. Web Component 定 ...
Unity3D游戏-愤怒的小鸟游戏源码和教程（二）
Unity愤怒的小鸟游戏教程(二) 本文提供全流程,中文翻译. Chinar坚持将简单的生活方式,带给世人! (拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) AngryEva游戏 ...
WinFormreportViewer(rdlc)报表[列表]的使用(一)(附源码示例) 之配餐系统的开发
紧接着"WinForm"reportViewer报表[矩阵]的使用(一)(附源码示例)" 之配餐系统的开发"这篇文章,此文与大家分享的是在配餐系统的开发中使 ...

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

AR实境壁画源码示例教程大公开相关推荐

最新文章

热门文章