> For the complete documentation index, see [llms.txt](https://doc.playturbo.cn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.playturbo.cn/playturbo-an-li-jiao-xue-ji-di/ke-wan-zi-you-bian-ji-qi-an-li/qi-ta-yi-zhi-wan-fa-an-li/la-huan-kong-bai-zhi-zuo-jiao-cheng.md). # 《拉环》空白制作教程 \#自由编辑器 #空白制作 #进阶难度 #全局变量温馨提示：本案例以拉环玩法为例，讲解**“多种操作顺序，触发多种结果”**的全局变量制作方法，但实际也适用于同类操作逻辑的其他玩法哦！ ## 一、特征标签 * 【制作难度】：⭐⭐⭐⭐ * 【适用产品】：普遍适用 * 【交互方式】：点击 * 【线程】：多线程 * 【核心资产】：序列帧 * 【功能】：全局变量；响应事件禁用事件 ## 二、效果预览 | 手机试玩效果最佳 | 竖屏 | 横屏 | | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | |

| | 扫码试玩 | [点击试玩](http://tinyurl.com/26ffjzyf) | [点击试玩](http://tinyurl.com/26ffjzyf) | ## 三、玩法梳理 **我们在开始制作之前需要将本案例的玩法逻辑进行简单的梳理：** 1）进入试玩，展示【拉环待机画面】和【奖励金额文本】 2）玩家按下任一拉环，播放相应反馈 * 我们将拉环分别标记为a b c，玩家操作顺序可能性分6种，对应反馈如下： * a - b - c （火-水-金币，操作正确） * a - c - b （火-金币-水+金币，操作错误） * b - a - c （拉不动） * b - c - a （拉不动） * c - a - b （金币-火-水+金币，操作错误） * c - b - a （金币-拉不动） 3）当三根拉环全部被拉出，根据最终【奖励金额】跳转对应结束页面 * 当金额为100：跳转成功结束页面 * 当金额不变依旧为0：跳转失败结束页面

## 四、制作思路 **核心思想：**场景拆分逻辑清晰，图层结构简单，单个场景里的动画和事件尽可能少 **场景拆分：**根据上一部分的玩法梳理，我们可以将本案例拆分为3个场景来制作 * 场景1：核心玩法-拉环（重点讲解） * 场景2：成功结束页面 * 场景3：失败结束页面

场景名称	场景1-拉环玩法	场景2-成功结束页面	场景3-失败结束页面
效果图
场景描述	玩家拉动拉环，触发相应反馈；存在多种操作顺序，触发多种结果	成功结束页面	失败结束页面
核心资产	静帧图片：背景图、拉环、石头序列帧：火：下落1组水：下落1组金币：下落3组（①从头落到底、②从头落到中间、③从中间落到底）金额：数字滚动1组	-	-
核心动画	拉环：位移缓动+透明度缓动石头：淡入	-	-
核心事件	全局变量：布尔值类型触发对象：图层-拉环a/拉环b/拉环c 触发事件：按下+条件判断响应事件：赋值/禁用事件/播放动画&序列帧	-	-

## 五、制作指南 \*重点讲解Step3【逻辑设置】 ### Step1 - 场景搭建 #### **1.全局设置** 1）在【全局设置】中添加背景音乐、背景图片 2）在【全局场景】下添加常驻下载按钮、logo等产品信息 #### **2.场景1-3** 1）分别在场景1、场景2、场景3内添加相应资产 2）调整各资产到合适的位置大小 3）根据资产类型对资产进行编组、排序、命名 4）调整横屏排版及屏幕适配方式

### Step2 - 动效设置 #### **1.**拉环a/b/c 依次为拉环a/b/c添加动画-通用-位移缓动+透明度缓动，模拟拉环被拉出后的路径。参数设置如下：

#### **2.石头** 为石头添加动画-进场动画-淡入。参数设置如下：

#### 3.**序列帧** 将水/火/金币/金额所有序列帧的参数调整为【关闭入场自动播放】【关闭无限循环】，并隐藏金币②和③的序列帧图层

### Step3 - 逻辑设置有关【全局变量】的功能介绍可查看 [全局变量](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan/bian-ji-ye-mian-fen-qu-jie-shao/ding-bu-zi-chan-ku/quan-ju-bian-liang.md) #### **1.添加全局变量** 我们共添加3个全局变量，来分别代表拉环a/拉环b/拉环c 1）点击【全局变量】-【添加变量】 2）输入变量名称（如key\_a\_switch）- 选择变量类型为【布尔值】 - 选择初始值为【false】 - 保存 3）按照以上步骤，再依次添加拉环b/拉环c的全局变量

#### **2.设置触发与响应事件** 上一步，我们将变量拉环a/b/c的初始值设为了【false】，在后续的事件设置中，我们会一直用到响应事件【赋值】，根据不同的操作，通过【赋值】来调整三个变量的【false或true】。 *如为拉环a添加事件【按下】并【赋值=true】，那么这就意味着：【true】=按了拉环a；【false】=没按拉环a。由此通过【true/false】来判断某根拉环是否已被拉出。*

**Part1：拉环a** 根据三根拉环的摆放位置，我们可以看出，无论是哪种操作顺序，拉动拉环a的结果只有一种（即序列帧火落下），不受拉环b与拉环c的影响，因此拉环a的事件设置比较简单。 1）选中拉环a图层-添加事件-按下 2）添加响应事件-赋值，为【按下拉环a】赋值【true】 3）继续添加响应事件-禁用事件，选择禁用【拉环a的按下事件】，也就是当前触发事件 *注：【禁用事件】的设置我们可以通俗理解为：仅允许拉环a被拉动一次。即拉动一次以后该事件会被禁止使用，避免出现玩家可以无限次拉动拉环a的情况。* 4）继续添加响应事件-从头播放拉环a的全部动画（位移缓动+透明度缓动）-显示并播放序列帧火落下-隐藏操作指引

**Part2：拉环b** 拉环b受操作顺序的影响，需要分不同情况来设置事件，因此需要添加【条件判断】，来判断当前是哪种操作顺序。首先选中拉环b图层-添加事件-按下 **条件判断1**

1）添加条件判断【拉环a=true】、【拉环c=false】 *注：也就是当拉环a已被按下，拉环c没被按下，即操作顺序为【a-b-c】时，按下拉环b会触发什么反馈* 2）同样，添加响应事件-赋值，为【按下拉环b】赋值【true】；添加禁用事件，选择禁用【拉环b的按下事件】 3）继续添加响应事件-从头播放拉环b的全部动画-显示并播放序列帧水落下-隐藏操作指引 4）添加响应事件-执行延迟，设置0.6s后从头播放石头的淡入动画 *注：0.6s即序列帧水落下的时长*

**条件判断2**

1）添加条件判断【拉环a=true】、【拉环c=true】 *注：也就是当拉环a和拉环c都被按下，即操作顺序为【a-c-b】或【c-a-b】时，按下拉环b会触发什么反馈* 2）同样添加响应事件-赋值，为【按下拉环b】赋值【true】；添加禁用事件，选择禁用【拉环b的按下事件】 3）继续添加响应事件 - 从头播放拉环b的全部动画- 显示并播放序列帧水落下-显示并播放序列帧金币③ - 隐藏序列帧金币② - 隐藏操作指引 4）添加响应事件-执行延迟，设置0.6s后从头播放石头的淡入动画 - 隐藏序列帧金币③ 5）添加响应事件-执行延迟，设置1s后跳转到指定场景3，即失败结束页面

**条件判断3** 1）添加条件判断【拉环a=false】 *注：也就是当拉环a没有被按下时，按下拉环b会触发什么反馈（不受拉环c影响）* 2）添加响应事件 - 从头播放错误音效 - 播放震屏反馈

**Part3：拉环c** 拉环c受操作顺序的影响，需要分不同情况来设置事件，因此需要添加【条件判断】，来判断当前是哪种操作顺序。首先选中拉环c图层-添加事件-按下 **条件判断1**

1）添加条件判断【拉环b=true】 *注：因拉环b只有在拉环a已被拉出后才可拉动，所以我们只需要添加一个【拉环b=true】的条件判断，就可以代表拉环a和拉环b都已被按下。也就是当操作顺序为【a-b-c】时，按下拉环c会触发什么反馈* 2）同样添加响应事件-赋值，为【按下拉环c】赋值【true】；添加禁用事件，选择禁用【拉环c的按下事件】 3）继续添加响应事件 - 从头播放拉环c的全部动画 - 显示并播放序列帧金币① - 隐藏操作指引 4）添加响应事件-执行延迟，设置0.6s后显示并播放序列帧奖励金额 5）添加响应事件-执行延迟，设置1s后跳转到指定场景2，即成功结束页面

**条件判断2**

1）添加条件判断【拉环b=false】 *注：也就是当拉环b没有被按下，操作顺序为【a-c-b】或【c-a-b】时，按下拉环c会触发什么反馈（实际不受拉环a影响）* 2）同样添加响应事件-赋值，为【按下拉环c】赋值【true】；添加禁用事件，选择禁用【拉环c的按下事件】 3）继续添加响应事件 - 从头播放拉环c的全部动画 - 显示并播放序列帧金币② - 隐藏序列帧金币① - 隐藏操作指引

### Step4 - 整体预览 1）全部制作完成后，建议将拉环操作顺序的6种可能性都一一试玩一遍，检查有无问题 2）还可对不同机型/不同语言/横竖屏进行整体预览

## **六、演示录屏** 注：本视频为以上图文教程的**演示录屏**，仅有画面内容，未添加配音；视频详细记录了本案例空白制作的操作过程，演示速度基本没有调整，方便您查看学习（如果您已能对某一步骤熟悉操作，可酌情跳过）此外，在演示录屏下方还为您**提供了本案例所使用到的全部资源，**点击压缩包即可下载。您可以用此资源跟着教程尝试制作，以便尽快上手使用自由编辑器 {% embed url="" %} {% file src="/files/PcjltirzRxoNjHy2Vxsy" %}