请柬教程

本次教程将和你一起制作一个AR请柬场景,让新人的邀请和祝福附加在请柬上,为亲朋好友带来新奇的体验。

【准备】

请柬场景由两张无交互的图片+三段可切换的视频+三张切换图片组成:

1、扫描到即播放第一段新人爱情故事;

2、点击切换图片,可切换查看不同的视频。

展示效果可在APP的推荐项目名“RAVVAR”下扫描识别图进行查看。

新建项目】  

登录RAVVAR CMS后台,创建一个新的项目(如已有项目,则此步骤跳过);

点击下方导航栏的【+】号,在弹出的项目信息页面输入相关信息:

image.png

项目封面图将出现在APP端的项目列表内,请尽量选择横版图片;点击保存,请柬的项目创建完成。

【新建场景】

在页面最上方有两个新建按钮,我们选择【AR编辑器新建】;

image.png

系统将自动跳转到编辑器的页面,首先需要输入场景的基本信息:

1)项目选择新建的“请柬”项目;2)名字任意输入;3)上传一张图片作为识别图;

image.png

添加完成后,进入编辑器。

【编辑素材属性】

识别图将出现在三维编辑框的中心,右侧功能栏暂时无法操作;

先上传图片素材;小技巧:如果素材内容数量多,那么可以在主页【我的素材】下、先将内容全部上传完成;本教程中将由编辑器内部来上传:在左下方素材栏中找到图片,点击列表条内的【+】进行添加;

点击图片缩略图,将图片素材添加到编辑器页面上(识别图上);通过旋转、缩放和移动按钮,或者对象属性栏的数值调整图片的位置和大小;

同样的方法上传视频到用户素材库,由于视频将会在同一个位置呈现,所以每添加一段视频,都要先修改视频名字一示区分;位置参数通过对象属性的调整框输入数值来确保一致性;

【添加交互功能】

素材全部上传完后,可以开始添加交互功能了。为实现我们“点击按钮,切换视频播放”的目的,需要用到两个功能:【显示/隐藏】和【AR视频】;

需要扫描识别到时,首先出现“新郎新娘”的视频,因此为“新娘爸妈”“新郎爸妈”两段视频设置【显示/隐藏】功能;

接下来,设置视频切换播放的功能;以“新郎爸妈”的切换为例;

交互:点击“新郎爸妈img”图片后,视频“新郎新娘”“新娘爸妈”隐藏,“新郎爸妈”显示并播放。

①隐藏:

②显示:

③播放:

④其他视频停止:

对其他两张切换图片做相同的操作步骤,但是操作对象要依据不同的图片来设置。

最后,在右侧的功能列表和场景结构内检查展示信息和交互功能后,点击【保存】,完成请柬场景的创建。

左上角返回按钮,返回后台主页,即可查看请柬场景的项目二维码跟识别图,使用睿视APP可以查看最终效果。