KIVICUBE教程|多图识别AR画展

用户头像
成都/概念设计师/5年前/638浏览
KIVICUBE教程|多图识别AR画展
用户头像
KIVICUBE

如何在画展中加入AR元素,让kivicube带你体验奇趣AR画展之旅!


01 场景构想

本场景是在模拟一次AR画展,在柔和舒缓的背景音乐下,通过识别不同的画家肖像出现其代表作,还可以点击按钮查看画作的简介以及介绍视频。
需要注意的是,虽然是在同一个链接下进行查看,但实际为3个体验场景,分别是星月夜(对应梵高)、蒙娜丽莎的微笑(对应达芬奇)、神奈川冲浪里(对应葛饰北斋)。

先放上体验二维码带大家感受一下(用微信扫描即可):



点击“立即体验”后,将摄像头依次识别下列识别图即可体验:




关注弥知科技公众号
后台回复“AR画展”即可获得本次教程素材


 

02 素材导入

我们以星月夜为例,将星月夜场景的素材全部导入。本场景包含背景音乐、星月夜模型、星月夜简介、星月夜视频以及旁边两个查看详情以及查看视频按钮。


 

03 场景布置

在拖入素材后,我们将其大小调整到合适的比例,这时素材的默认角度呈现出与人体垂直的关系。



在实际的画展中,识别图是以和人体平行的角度进行展示,因此为了使场景内的素材有更好的观赏效果,我们将其都设置为与人体平行的角度(可以通过将素材的X轴旋转角度设置为-90°来实现)。



 

04 场景交互设置

1 场景伊始触发事件设置

此场景预置的效果是:在背景音乐的播放下,识别画家肖像后,只出现其画作以及旁边查看详情的两个按钮,因为我们需要设置背景音乐播放,以及将文字介绍与视频介绍进行隐藏,其交互设置如下:


播放背景音乐:



文字介绍与视频隐藏设置:


2 点击交互事件

接下来我们对场景中的点击交互事件进行设置。
预想效果是:点击查看详情按钮,出现文字介绍;点击播放视频按钮,播放视频。由于在场景开始时我们对文字与视频介绍做了隐藏处理,因此此处需要将文字与视频添加点击显示设置。


点击查看详情显示文字介绍:


点击播放视频出现视频:


此处需要注意,这里我们只是将视频做了显示设置,并未对其进行播放设置,因此我们需要添加一项视频控制设置,来达到视频显示时同时播放的效果,交互设置如下:



这里小编将视频设置为了全屏播放,效果是这样的:



此处不进行全屏播放设置,视频也可以在识别跟踪的前提下进行播放,大家可以根据自己想要的效果进行不同的设置。


3 场景优化设置

在场景制作中,我们需要考虑到一些场景优化问题,例如:视频如何暂停?有背景音乐的前提下会不会和视频播放的声音冲突?
我们同样可以对其通过添加交互事件的方式进行优化处理。


视频暂停:
视频是通过点击右侧的视频播放按钮进行显示和播放,那么为了不引起冲突,我们可以通过点击视频进行暂停处理,其设置如下:


播放视频时暂停背景音乐:
由于视频的播放是通过点击视频播放按钮触发的,因此这里暂停背景音乐的触发条件同样可以设置为点击“视频”按钮,交互设置如下:



同理,我们还可以设置视频暂停时,背景音乐继续播放,其触发条件同样是控制视频暂停的点击“星月夜视频”,交互设置如下:



这个场景的交互设置就完成啦。素材包里还有另外两个场景的素材,其交互设置同理,大家可以举一反三去进行制作。几个场景制作完成之后,企业用户可以扫描项目入口的二维码进行多图识别的体验~ 欢迎大家来后台获取素材~

这样一个完整的场景就完成啦,大家快点击下方图片进入kivicube,动手实练吧~


 

undefined




1
阅读原文
|
举报
|
3
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
扁平风格夏季旅行插画23
运动人物插画
运动人物插画
卡通风格电商展台插画
卡通风格电商展台插画
万圣节主题插画背景
国潮中国地标建筑美食插画4
餐饮插画背景素材
二十四节气寒露霜降节气插画
运动人物插画
运动人物插画
运动人物插画
国潮北京地标建筑美食炸酱面插画4
卡通风格电商展台插画
餐饮插画背景素材
运动人物插画
中秋节插画灯笼18
万圣节主题插画背景
西安城市插画 (21)
3D风格夏季旅行插画27
荷花插画
万圣节主题插画背景
运动人物插画
中秋节插画灯笼17
3D人物直播插画
你可能喜欢
相关收藏夹
大家都在看
登录注册