今天教大家零代码使用Kivicube快速实现模型视频交互场景的制作。WebAR场景制作难度:☆素材制作难度:☆☆☆场景制作时间:10分23秒1.场景概念在制作每一个AR交互场景之前,我们首先需要思考:●场景的整体外观是怎样的?●交互什么是透视模式?●哪些素材应该以3D模式呈现?●需要哪些互动?当然,如果是商业项目,还需要考虑:●使用WebAR的目的是什么?●您需要达到什么目标或结果?●我需要多少预算才能做到这一点?2.素材导入场景构思好后,就可以登录KivucubeAR在线制作平台开始WebAR制作啦~为了更快上手制作,这里提供适合新手的素材包,不用让整体交互变得那么复杂.上图中,我们导入了一个视频,两个3D图标按钮,一个模型动画,两首音乐,一张识别图片。材料准备好后,就可以开始布置整体场景了!3.场景布置因为这张识别图是一张DM表,所以交互透视模式是平行透视。我们将交互素材导入场景后,为了让视频和模型的交互动画更加合理,我们可以通过3D编辑器直观地调整位置和缩放大小。对称设置按钮的坐标位置,放置在识别图上美观合适的位置。在设置下方的“设置”面板中,可以快速设置互动素材:比如我想将动画设置为“扫一扫自动播放”,可以在左侧的功能列表中选择,然后选择触发事件和触发条件。也可以在快捷设置中简单勾选“自动播放模型动画”也可以达到同样的效果。音频、视频、模型都有相应的事件快捷设置功能~4.事件交互设置调整好整个交互场景素材的位置后,就可以开始设置事件交互了。使用Kivicube制作最突出的优势是完全无需编程即可,可实现零代码可视化制作流程。1.场景开始时触发的事件。这里我们设置让它一进入场景就播放主模型的动画。这时候就需要隐藏背后的视频了。设置如图:触发条件有很多种,每种都可以试试~2.主模型点击事件主模型的交互如下:第一次扫描时,模型动画会自动播放。点击视频播放按钮后,模型动画停止,开始播放视频。单击按钮时,将播放按钮声音。所以这里我们需要设置左边的功能:“模型控制”、“视频控制”和“音频控制”。如下图设置触发条件:然后选择相应的内容进行播放和控制进行交互~3.点击“网站”按钮打开网页,可以直接设置“打开网页”功能,选择需要的内容触发该功能的触发条件如下图所示:模型动画的触发条件有很多种。由于“网站”图标使用的是3D图标(不是平面UI),是通过3D模型动画制作的3D模型,所以每个模型动画的每个状态都可以设置为触发条件。4、点击“播放”按钮的事件这里的事件设置方法和思路与上面的事件相同,这里不再赘述。5.WebAR体验创建完成后,点击保存关闭编辑器。点此查看,即可看到识别图和体验二维码。制作完成后,需要考虑三个细节:1、在分享设置中,仔细填写分享图标、名称和描述。2.首页风格上传首页背景图和按钮图,考虑是否需要上传自定义场景logo图片。3.灯光、高级设置、AR设置等其他设置一个简单的模型视频交互WebAR场景就完成啦~欢迎大家免费注册使用Kivicube平台,使用低代码编辑器快速打造属于你的AR场景,后续我们会发布更多教程,助您快速开发!更多精彩,敬请关注公众号【米智科技】~
