用VXPLO制作脸萌的步骤

VXPLO互动大师

神奇！用VXPLO互动大师零代码制作脸萌游戏只需6步。

教程如下
第一步：准备工具
       百度搜索“VXPLO互动大师”，点击登录，注册用户就可以免费使用。

第二步：新建文件
        新建文件，PC端使用的，然后调整舞台大小。也可以创建手机案例，看你最后传播的是以PC还是手机为主。

第三步：分析游戏逻辑
        展示位
        菜单栏
        素材区


第四步：展示位制作
    1：头部制作
           图片“头部”作为父对象，在其下分别添加“脸”“鼻子”“眼睛”等图片为子对象。（此处“头部”虽然是一张图片，但是它没有内容，是一个空图片，便于分类管理。“脸”“鼻子”等，都是真图片）。

   2：身体制作
           添加一张身体图片，为了美观，先给它穿上一张衣服，在图片“身体”下，添加一张“衣服”图片，作为图片“身体”的子对象。


第五步：菜单栏制作
        添加一张菜单图片，分别在“头发”“脸型”“衣服”等文字上方，添加一个“透明按钮”，透明按钮的大小以完全覆盖住对应文字，不干扰影响其他透明按钮为准。给每个透明按钮添加事件（相当于命令），比如说给代表头发的透明按钮添加事件，触发条件：点击
目标对象：舞台；目标动作：跳转到头发素材页（第六步有介绍）。



第六步：素材区制作
        素材区分为头发页，脸型页等几页，以脸型页为例。在脸型页下面添加多个脸型图片，给每一个图片添加一个事件，触发条件：点击；目标对象：脸（这个“脸”指头部区的名字为“脸”的图片）；目标动作：设置属性。在设置属性栏里，在资源位置处选择上传图片（上传的图片为你在脸型页点击的图）。这样就将头部区的“脸”图，替换为你点击的脸型图。其他同此。


以上所有的步骤，都不需要编写任何的代码，就轻松完成了脸萌的制作。如果想放到手机里面玩，只要打开微信扫一下作品的二维码就可以了。是不是很简单啊？VXPLO互动大师还提供其他好玩简单的互动设计，绝对是自己动手实现小创意的利器！

PS.以上是VXPLO用户，海贼王同学总结的脸萌的制作过程，在此感谢海贼王同学。

欢迎进入vxplo互动大师官方网站学习和注册使用工具做各种炫酷的交互效果：www.vxplo.cn
对交互设计感兴趣的朋友，欢迎加入VXPLO技术交流群：301817884