《换装搭配》空白制作教程

#自由编辑器 #空白制作 #进阶难度 #全局变量

温馨提示：本篇教程以 换装搭配 玩法作为入门案例，详细介绍"全局变量"功能的使用思路，建议搭配DEMO食用效果更佳哦！

一、特征标签

• 【制作难度】：⭐⭐⭐

• 【适用产品】：通用

• 【交互方式】：点击/按下

• 【自由度】：全自由

• 【核心资产】：静帧图片

• 【核心功能】：全局变量（赋值&条件判断）

二、效果预览

手机试玩效果最佳	竖屏	横屏
扫码试玩	点击试玩	点击试玩

三、玩法梳理

我们在开始制作之前先对本案例的玩法逻辑进行简单的梳理：

1）进入试玩，展示三选一操作指引

2）玩家可点击任一服装选项，完成换装

• 若玩家点击选项A，则跳转至下一场景，并展示服装A

• 若玩家点击选项B，则跳转至下一场景，并展示服装B

• 若玩家点击选项C，则跳转至下一场景，并展示服装C

四、制作指南

*场景搭建、横竖屏适配、动效设置等可直接进入DEMO项目查看，这里重点讲解"事件设置"。

1.添加全局变量

• 在场景1中添加变量

• 填写变量名称如"ClothType"

• 为了便于理解，在此可将变量类型设置为"数值"

• 可将初始值设为"0"，代表初始画面玩家未做出选择

2.设置事件并赋值

• 选中选项A组图层

• 添加事件：点击

• 添加响应事件：

  • 赋值。赋值ClothType=1（即 对于"玩家点击选项A"这一操作，我们将其赋值为"1"）

  • 跳转到下一场景

• 选项B、选项C的事件设置也同理。复制该事件，分别调整 赋值ClothType=2、ClothType=3 即可

3.添加条件判断

• 进入场景2，在场景上依次添加事件：条件判断

  • 条件1：当ClothType=1，显示服装A

  • 条件2：当ClothType=2，显示服装B

  • 条件3：当ClothType=3，显示服装C

⚠️在场景搭建阶段，需将服装A/B/C的初始状态都设为"隐藏"。在玩家做出选择后，再显示对应服装

以上，就是本案例用到的全部事件。若想制作多次选择装扮的玩法，可按照以上制作思路 继续在场景2中设置事件并赋值等等

五、演示录屏