🐰AR迎新年,好事成“兔兔”🐰
在农历癸卯年到来之际,KIVISENSE吉祥物“斯朗姆兔”换上了本命年新皮肤,用AR黑科技为大家送上满满祝福!
今天,我们还准备了超详细的保姆级教程,带大家玩转AR,只需5分钟就能打造同款新年场景。让我们马上开始吧!
本教程将使用AR在线制作平台Kivicube与弥知AR虚拟试戴平台。所用网站与素材请关注「弥知科技」公众号,后台回复“AR兔兔”获取。(等不及的小伙伴也可以直接在文章末尾的小程序中进行体验哦~)
点击查看视频教程
▼▼▼
https://www.bilibili.com/video/BV1484y1x7h5?t=37.2
以下为图文教程
▼▼▼
场景一 · 兔兔送福
(一)素材上传与场景创建
首先,我们前往AR在线制作平台Kivicube,点击「立即制作」,进行登录或注册。进入编辑器后,点击左下角“我的素材”,选择“+添加素材”。
将素材包中的一张识别图、一段AR视频、一段背景音乐,以及5个模型全部上传。需注意,模型上传时要打包成zip,且名称不支持中文字符,每上传一个素材都需要点击“上传并保存”哦。
接着,选择左下角“我的项目”。在底部项目栏中点击“+”,填写项目名称、上传logo,选择项目类型为“图像检测与跟踪”,进行保存。
点击上方“+AR场景”,选择类型“图像检测与跟踪”。选择场景所属的项目,填写场景名称,上传识别图。
(二)AR场景编辑
Kivicube编辑器界面可分为左右两大模块,左侧为素材上传与交互控制部分,右侧为素材与场景设置部分。
我们将刚才上传的各个素材从左侧素材栏拖入场景中,并按以下参数进行位置与大小的调整。(记得随手保存哦)
最后,我们还要拖入背景音乐“BGM”。
是不是有同学担心素材太多,管理不过来?我们可以在右侧选择“场景结构”,这样就能看到场景中的所有素材,点击就可以进行切换。
(三)设置交互控制
为实现“帮兔兔点燃烟花”这一功能,我们需要对AR场景进行交互设置。
在开始之前,我们先梳理一下场景的逻辑:
进入场景,喜庆的BGM响起;扫描到识别图后,门头出现,壁纸变成温馨的小屋场景,兔兔从小屋中走出来,将烟花放在地上等待点燃;我们点击兔兔时,烟花被点燃飞上天空,彩条在空中绽放。
这样,我们就可以根据流程图来设置交互了:
1. 选中兔兔模型“tutu”,在右侧快捷设置窗口中,打开“显示”,打开“自动播放模型动画”,选择“part01”,不循环。
在左侧交互栏中选择“模型控制”,设置当“tutu模型,被点击”条件发生时,触发tutu模型的动画“part01”停止、“part02”开始循环播放。
2. 接着,依次选中烟花模型“yanhua01, 02, 03”,在快捷设置中取消“显示”。
在左侧交互栏中点击“显示/隐藏”,同时勾选3个烟花模型,设置当“tutu模型,被点击”条件发生时,触发3个烟花模型“显示”。
继续在左侧选择“模型控制”,设置当“tutu模型,被点击”条件发生时,触发烟花模型动画“part04”循环播放。3个烟花模型都是相同的设置。
3. 最后,我们选中门头模型“mentou”,在快捷设置中打开“显示”;选中音乐“BGM”,打开“自动播放音频”-“循环播放”;选中“AR视频”,打开“自动播放视频”-“循环播放”。
这样,复杂的场景交互就设置完成啦!我们可以在右侧“场景结构”中看到所有的交互事件。
(四)场景设置与分享
为了让场景更加美观和个性化,我们还可以在“场景设置”中,自定义上传“首页背景”与“体验按钮”。
保存后,就可以与好友分享啦,赶快来扫码体验吧!(进入体验后,用摄像头对准文章末尾的识别图就能触发~)
场景二:变身兔兔
(一)创建场景、素材上传
首先需要说明的是,目前Kivicube「AR人脸滤镜」正在公测,账号需要同学们填写问卷进行申请,我们会尽快为大家开通。(问卷请关注「弥知科技」公众号,后台回复“AR兔兔”获取~)
获取账号后,就可以前往弥知AR虚拟试戴平台,进行登录。
选择左侧“眼镜管理”,新增眼镜类型,填写类型名称。保存后,点击“新增眼镜”,填写相关信息并上传模型,3D变换部分可以按照以下参数进行填写。
最后,输入这个场景的“VSKU”(需要记住哦,一会儿体验时会派上用场)。点击保存,我们的AR人脸滤镜就创建完成啦!
(二)AR人脸滤镜体验
我们搜索并打开微信小程序「智能AR眼镜试戴」,点击下方“DIY人脸滤镜”,输入相应的VSKU就可以进行体验咯!
到这里,本次零基础教程就结束啦,兔兔这么可爱,AR更好玩哦~欢迎大家在评论区留言与提问,我们会及时回复。
2023年我们会继续完善Kivicube与人脸滤镜平台,为大家带来更多有趣的AR玩法,还请各位多多关注~预祝大家新年心想事成,兔年兔个乐!
关于弥知
专注于AR(增强现实)原创技术研发,是国内领先的AR整体解决方案服务商
旗下国内首个WebXR在线制作平台KIVICUBE,帮助用户通过可视化编辑,零基础即可制作出交互丰富的AR商业场景,并一键发布至小程序、公众号与微博等多个平台