VXPLO互动大师入门篇

第一章：VXPLO互动大师工具介绍
❖ ❖
1.5 VXPLO互动大师编辑器中支持的互动事件 目标对象动作（指某个交互产生了怎样的效果）：
对象显示／不显示 改变对象属性（大小，角度，透明度 ，颜色，位置等） 删除对象 播放／停止／重新播放／到某一个时 刻（视频，音频，时间轴） 对象置于顶层／置于底层 改变层序 克隆对象／删除克隆对象 振动 交替显示 设置随机 下载 ＋1/－1/赋值（计数器）
小贴士：你也可以利用右键弹出选项复制，剪切，粘贴该对象。
第二章：创建一个VXPLO互动大师作品流程
❖ ❖ ❖ ❖
2.4 对象树是如何排序的？（图示在下一页） 一般来说在对象树中的对象越靠近舞台对象，在舞台上就越显示在上层。 对象重叠时，子对象总是排列在父对象之上。 越靠近父对象的子对象，在舞台上就越显示在上层。
❖
( 2 ) 互动视频节目和电子商务:
❖
• 在普通的视频节目或广告上无缝增加新的互动内容,不需要专业制作团队, 普通设计人员就可完成,带给观众全新的观看体验；
• 非传统的互动效果，用户直接与视频内容互动，甚至可以实现直接在视频 内部进行商品购买的操作。
❖
❖
( 3 ) 微信应用模板:
❖
• 在微信公共账号中突破传统的单页面形式，可生成更多的二级或三级页面 。
第二章：创建一个VXPLO互动大师作品流程
❖ ❖
2.2 如何新建一个作品？
新建作品可以有两个选择：从头开始或是使用模板。你可以从头开始你自己的项目，或是利用我 们已经在VXPLO互动大师里为你准备好的模板。
新用户，我们建议你先使用模板。可以让你更快地熟悉VXPLO互动大师的工具环境。 若你想从头开始你自己的项目，请最好有一个大概的作品构思或是页面设计的想法。
第二章：创建一个VXPLO互动大师作品流程
❖ ❖ ❖
2.1 怎样打开VXPLO互动大师编辑器？
打开 (国外用户可打开) 网站右上方点击“注册”，免费注册VXPLO互动大师账户。
❖
进入“我的作品”页面，点击新建作品。
❖
如果你是第一次使用VXPLO互动大师，我们建议你可以先观看我们的教学视频，或是 打开教学作品，进行学习。
❖
❖
第一章：VXPLO互动大师工具介绍
❖ ❖
1.5 VXPLO互动大师编辑器中支持的互动事件 触发事件（指某个交互是由什么触发的）：
❖
❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖
点击 鼠标移上 鼠标移出 对象显示 对象隐藏 碰撞 拖拽 键盘按键控制 开始（视频，音频） 结束（视频，音频） 播放时间（（视频，音频） 计数器等于某个数值时 摇一摇（手机） 擦除（手机） 滑动Swipe （手机） 不同方向的倾斜（手机）
❖
• 突破单一的文字及视频内容，可在微信中增加更多的动态效果，互动游戏 或商业活动（如刮刮乐等），使品牌微信营销更多样更有效；
• 简单几步可直接接入已有的微信公共账号，发送微信更直观。
❖
第一章：VXPLO互动大师工具介绍
❖ ❖
ห้องสมุดไป่ตู้
( 4 ) 创建支持iOS和Android的APP: ( 5 ) 创建企业网站主页:
❖
❖
2.5 如何可以改变对象树上对象的排序？
针对同一个父对象下不同子对象，你可以直接在对象树中拖拽对象来改变它们 排列顺序。 在对象树中你不能夸父对象拖拽子对象，即你不能将一个对象拖拽成为另一个 父对象的子对象。因此，如果要改变一个对象的父对象，你需要使用右键点击 ，选择剪切-粘贴操作。
❖
“女子”和“彩色圆形”在舞台上是同层级的对象，“女子”图片更靠近“舞 台”，所以它在舞台上会挡住”彩色圆形“图片。”QR cdoe“和”棱形1“是 ”女子“的子对象，它排列在父对象之上，“QR code“图片又排在”棱形1“ 图片上。
❖
1.4 VXPLO互动大师的工作环境（续）
❖
a. 菜单栏: 执行常用操作，比如导入，分享，预览，保存，帮助，设置等 。 b. 工具面板：是添加各种工具的地方，包括编辑一个VXPLO互动大师案例所 需的各种工具，包括添加媒体工具，添加事件工具，管理页面工具等等。 c. 属性面板：是调整和控制对象属性的，是VXPLO互动大师编辑器中最重要 的编辑工具之一，它用来设定每一个对象的属性的，比如图片对象的大小， 方位，旋转角度，透明度等。定义交互触发的事件和效果也是在事件属性面 板中完成。 d. 时间轴：时间轴窗口会在你选中任意一个具有时间属性的对象后弹出， 包括视频，音频，时间轴，运动轨迹等。每一个对象都对应它自己特有的时 间轴窗口。
第二章：创建一个VXPLO互动大师作品流程
❖ ❖
2.6 如何设置交互／播放逻辑？ 交互／播放逻辑是一个VXPLO互动大师案例的灵魂，你能够通过设定各种播放／交互 逻辑来控制各个对象的播放过程与交互方式。
❖
1）你可以通过时间轴让一个媒体对象在案 例播放到某个特定时刻时出现，或让一个对 象在一段时间内移动、旋转或改变任意显示 属性，来制作一个简单动画。例如，仍是上 图的例子，我在QR code和棱形1图片上增添 一个父对象“时间轴1”，然后在分别在QR code和棱形1图片下增添轨迹。根据时间轴 上不同的点，可以设置图片不同的位置，或 是不同的状态（透明度，尺寸大小，颜色的 改变等等），达到图片在舞台上运动的效果 。
❖
( 7 ) 在线教育:
❖ ❖
• 让传统的在线教育能够做的更有趣更交互进一步增加在线教育的实用性； • 学生与老师能够实时沟通，老师能够立即得到学生的反馈。
第一章：VXPLO互动大师工具介绍
❖
1.4 VXPLO互动大师的工作环境：
❖
VXPLO互动大师对操作系统或是你所用的电脑没有特殊的要求。只要你有网络 ，能打开浏览器，就可以使用VXPLO互动大师的工具。
( 1 ) 交互视频，交互微电影 ( 2 ) 酷炫PPT: ( 3 ) 个人博客、网站或相册: ( 4 ) 数字简历和贺卡:
❖ ❖ ❖ ❖
❖
❖
( 5 ) 设计原型:
( 6 ) iPhone / Android手机网页，手机APP应用
第一章：VXPLO互动大师工具介绍
❖ ❖
1.3 VXPLO互动大师是否适用于商业用户制作大的商业作品？ 当然！由VXPLO互动大师做出的作品完全是一个成品，可适用于各种商 业场合的展示，并无需受屏幕和设备的限制。 ( 1 ) 制作互联网广告:
❖ ❖
第二章：创建一个VXPLO互动大师作品流程
❖ ❖ ❖
2.3 如何添加素材对象？ 添加素材对象有两种方式：
1）用工具面板添加：点击左侧工具面板中要添加的工具，看到图标亮起后，用鼠标 在舞台上点击定位。会有相应的弹出窗口提示你上传素材或选择素材库的已有素材。
小贴士：如果你是想建立网站或制作其他种类有很多页面层级的作 品，可以先在舞台上添加页面。再在页面的基础上添加其他素材。 点击工具面板中的“页面”按钮，页面就会自动被添加到舞台上了 。
❖ ❖
第一章：VXPLO互动大师工具介绍
❖
1.1. VXPLO互动大师是什么？
❖
VXPLO互动大师，发音 V-X-PLO（字母V，字母X，explore的plore相同的音节），是一款在 线互动富媒体编辑工具,他能够让用户在线创作自己的互动富媒体作品并方便的分享给别人 。不同于传统的单机制作工具，VXPLO互动大师将富媒体创作推到一个全新的高度，它拥有 以下一些传统工具无法企及的优势：
VXPLO互动大师 交互设计工具

强大的云端设计工具 随心所欲的交互展示 各种网页与手机内容
100%零代码
入门篇
❖ ❖ ❖ ❖
第一章：VXPLO互动大师工具介绍 1.1 VXPLO互动大师是什么？
1.2 VXPLO互动大师可以做什么？
1.3 VXPLO互动大师是否适用于商业用户制作大的商业作 品？ 1.4 VXPLO互动大师的工作环境 1.5 VXPLO互动大师编辑器中支持的互动事件
❖ ❖ ❖
• 能够方便的创作各种互动功能和动画效果； • 可视化的编辑器助你轻松创建网站； • 灵活的使用方式，无论是直接创建整个网站还是当作局部动画，VXPLO互动大师都能 够胜任。
❖
( 6 ) 数字展牌
❖ ❖
• 可视化地创建互动数字展牌； • 在线监测数字展牌运行情况，并且允许远程更新展牌内容。
❖ ❖
❖ ❖
❖
❖ ❖ ❖ ❖ ❖
❖ ❖
❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖
更换素材 上下翻页／到达制定页面 打开网页 设置标题 注册／登录 上下滑动翻页（手机） 收集统计信息 返回朋友圈统计图（手机）
入门篇
❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖
第二章：创建一个VXPLO互动大师作品流程 2.1 怎样打开VXPLO互动大师编辑器？ 2.2 如何新建一个作品？ 2.3 如何添加素材对象？ 2.4 对象树是如何排序的？ 2.5 如何可以改变对象树上对象的排序？ 2.6 如何设置交互／播放逻辑？ 2.7 如何预览你的作品？ 2.8 如何保存你的作品？ 2.9 如何分享你的作品？
第二章：创建一个VXPLO互动大师作品流程
❖
2）你也可以在任意对象下方添加“事件”对象，对这个对象设置动作，并设置效果 。比如，在棱形图片下添加事件1和事件2，当鼠标移到棱形图案上的时候，QR code 会出现。鼠标移开时，QR code会隐藏。（QR code的图片属性中的初试可见选为NO）
小贴士：在“事件”面板中，你也可 以点击“从对象树中选择”，则可以 在对象树中点击对象作为事件的目标 对象。
❖
❖
❖
第一章：VXPLO互动大师工具介绍
❖
1.4 VXPLO互动大师的工作环境（续）
❖
e. 舞台：顾名思义是所有设计和事件发生的区域，类似于其他设计软件中 画布的概念。在VXPLO互动大师中，舞台也是一个对象，因此也可以在属性 面板中对它进行设置。 f. 对象树：在对象树窗口中，列出了你在一个VXPLO互动大师案例中添加的 所有对象，这些对象按树状结构组织，以舞台为根对象，组成了一棵对象树 。 g. 历史面板：历史窗口记录了你打开编辑器后每一布的操作，你可以通过 双击任意一个过往操作步骤来回到该操作步骤，即这个选中的操作步骤之后 的所有操作都会被撤销。