创建一个VXPLO互动大师作品流程

VXPLO互动大师

1、打开VXPLO互动大师编辑器
打开www.vxplo.cn (国外用户可打开www.vxplo.com)
网站右上方点击“注册”，免费注册VXPLO互动大师账户。
进入“我的作品”页面，点击新建作品

PS. 如果你是第一次使用VXPLO互动大师，我们建议你可以先观看我们的教学视频，或是打开教学作品，进行学习。

2、新建一个作品
新建作品可以有两个选择：从头开始或是使用模板。你可以从头开始你自己的项目，或是利用我们已经在VXPLO互动大师里为你准备好的模板。
新用户，我们建议你先使用模板。可以让你更快地熟悉VXPLO互动大师的工具环境。
若你想从头开始你自己的项目，请最好有一个大概的作品构思或是页面设计的想法。

3、添加素材对象
添加素材对象有两种方式：
1）用工具面板添加：点击左侧工具面板中要添加的工具，看到图标亮起后，用鼠标在舞台上点击定位。会有相应的弹出窗口提示你上传素材或选择素材库的已有素材。

小贴士：如果你是想建立网站或制作其他种类有很多页面层级的作品，可以先在舞台上添加页面。再在页面的基础上添加其他素材。点击工具面板中的“页面”按钮，页面就会自动被添加到舞台上了。

2）使用对象树面板添加：选中对象树中的舞台，右键点击舞台，弹出选项中选择添加。就可以添加入各种素材对象或其他工具对象。用鼠标在舞台上点击定位。会有相应的弹出窗口提示你上传素材或选择素材库的已有素材。

小贴士：你也可以利用右键弹出选项复制，剪切，粘贴该对象。

4、对象树的排序
一般来说在对象树中的对象越靠近舞台对象，在舞台上就越显示在上层。
对象重叠时，子对象总是排列在父对象之上。
越靠近父对象的子对象，在舞台上就越显示在上层。

5、改变对象树上对象的排序
针对同一个父对象下不同子对象，你可以直接在对象树中拖拽对象来改变它们排列顺序。
在对象树中你不能跨父对象拖拽子对象，即你不能将一个对象拖拽成为另一个父对象的子对象。因此，如果要改变一个对象的父对象，你需要使用右键点击，选择剪切-粘贴操作。


“女子”和“彩色圆形”在舞台上是同层级的对象，“女子”图片更靠近“舞台”，所以它在舞台上会挡住”彩色圆形“图片。”QR cdoe“和”棱形1“是”女子“的子对象，它排列在父对象之上，“QR code“图片又排在”棱形1“图片上。

6、设置交互／播放逻辑
交互／播放逻辑是一个VXPLO互动大师案例的灵魂，你能够通过设定各种播放／交互逻辑来控制各个对象的播放过程与交互方式。

1）你可以通过时间轴让一个媒体对象在案例播放到某个特定时刻时出现，或让一个对象在一段时间内移动、旋转或改变任意显示属性，来制作一个简单动画。例如，仍是上图的例子，我在QR code和棱形1图片上增添一个父对象“时间轴1”，然后在分别在QR code和棱形1图片下增添轨迹。根据时间轴上不同的点，可以设置图片不同的位置，或是不同的状态（透明度，尺寸大小，颜色的改变等等），达到图片在舞台上运动的效果。


2）你也可以在任意对象下方添加“事件”对象，对这个对象设置动作，并设置效果。比如，在棱形图片下添加事件1和事件2，当鼠标移到棱形图案上的时候，QR code会出现。鼠标移开时，QR code会隐藏。（QR code的图片属性中的初试可见选为NO）


小贴士：在“事件”面板中，你也可以点击“从对象树中选择”，则可以在对象树中点击对象作为事件的目标对象。

3）你可以运用计数器控制事件的发生，并设置效果。比如，在舞台上添加一个会随意出现0-10的计数器，当计数器出现8时，会出现文本1（恭喜你获得了一张8折的优惠券！）。（文本1的属性中的初试可见选为NO）



小贴士：你也可以将计数器的可见属性改为NO，则它就在舞台上隐藏了。

7、预览作品
当你的作品完成后，可以点击菜单栏上的预览按钮进行预览。

8、保存作品
你不需要特别保存你的作品，因为VXPLO互动大师使用的是云端技术，你的作品实际上在你做的过程中实时地被保存了。但是第一次预览的时候，由于要记录你的作品名称，会有保存作品的提示框弹出，按各项目的提示填写就好。


任何技术性的问题可以加入“VXPLO互动大师技术服务”群：301817884
或者点击“VXPLO互动大师”直接进入官网体验
VXPLO互动大师欢迎对交互设计有想法的各位朋友们的加入！