> 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/xiao-chu-pi-pei-wan-fa-an-li/fang-kuai-xiao-chu-mu-ban-zi-you-zhi-zuo.md).

# 《方块消除》模板自由制作

温馨提示：本篇教程以模板【方块消除】为案例，讲解**模板迭代的具体操作和可能性**，建议搭配DEMO和[模板自由制作需知文档](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-zhi-zuo-ji-qiao-zhong-xin/mu-ban-zi-you-bian-ji-xu-zhi.md)食用效果更佳哦！

*\*如需DEMO，可联系您的创意顾问 推到您的Playturbo账号中*

## <mark style="color:blue;">**一、对比展示**</mark> <a href="#aluje" id="aluje"></a>

我们先来看一下使用**模板自由制作**前后的对比

| 迭代前                                                                 | 迭代后                                                                 |
| ------------------------------------------------------------------- | ------------------------------------------------------------------- |
| <img src="/files/gB2U7X7Cglvhym493ZmT" alt="" data-size="original"> | <img src="/files/V8Gsn4hj7TnyYJUlNeyd" alt="" data-size="original"> |
| [点击试玩](https://tinyurl.com/5fduk3h9)                                | [点击试玩](https://tinyurl.com/3nbjepyh)                                |

## <mark style="color:blue;">**二、迭代内容概括**</mark> <a href="#zxvfg" id="zxvfg"></a>

模板迭代后的改动，主要在以下几方面：

**1.调整玩法参数**

结合自身创意需求，在【换肤制作】内对模板预设的【玩法参数】进行调整；

**2.替换&隐藏 资产**

替换模板原有资产，如产品信息、消除道具、收取道具背景；

隐藏不需要的资产，如网赚元素、道具底板；

**3.新增 场景&资产**

将项目【复制至自由制作】完成后续操作。

新增场景1和结束场景，并添加所需资产，调整资产的位置大小与布局；

**4.调整横屏排版**

对两个新增的场景及其资产，还需切换至横屏调整排版；

**5.设置动效**

在场景1和结束场景内 新增指引动画；

**6.设置事件**

调整原模板事件；

在场景1和结束场景内 设置跳转事件；

**7.调整多语言**

将新增的文本翻译为其他语言，并微调格式；

也可根据自身需求，删减或新增多语言版本。

接下来，我们按照操作顺序详细介绍。

## <mark style="color:blue;">**三、迭代内容详解**</mark> <a href="#ypqot" id="ypqot"></a>

使用【方块消除】模板，创建【换肤制作】项目；并根据图片坑位建议的尺寸，准备好所需资产

### 1.**调整玩法参数** <a href="#aqu3j" id="aqu3j"></a>

* 将"可消除次数"调整为3次
* 将关卡调整为B关卡：随机方块，死局时洗牌

<div align="left"><figure><img src="/files/e2DamiQcJzNhvvFARk2S" alt=""><figcaption></figcaption></figure></div>

### 2.替换&隐藏资产

1）进入【常驻元素】：

* 替换产品信息、背景图、背景音乐等
* 隐藏不需要的网赚元素：组\_免责声明

<div align="left"><figure><img src="/files/fV3q6dXoGH8iusBacQZT" alt="" width="522"><figcaption></figcaption></figure></div>

2）进入场景【scene\_play】：

* 按照顺序依次替换资产：指引手、方块-道具1-8、收取道具背景、进度条内容、进度条背景、方块消除粒子
* 隐藏不需要的资产：方块-道具底板、收取道具背景、进度条终点文本、进度条起点&终点icon

<div align="left"><figure><img src="/files/GIvLHzZgXASkfHFVVqNc" alt="" width="506"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/3ds2dfVsUFMXITUM657f" alt="" width="242"><figcaption></figcaption></figure></div>

3）因选择不使用模板原场景【scene\_end】，改为新增结束场景，所以在此不对【scene\_end】内的资产进行替换和编辑

4）完成以上操作，即可点击【复制至自由制作】，对模板进行进一步的迭代

<div align="left"><figure><img src="/files/YIYEUY8ZrxAkXcUqmtVe" alt=""><figcaption></figcaption></figure></div>

### 3.新增场景&资产

1）继续隐藏资产：进入自由制作后，点击【玩法模板】-【玩法编辑】，隐藏图层组\[storey3]（第三层的道具），仅保留第一层和第二层的道具。保存后返回项目编辑

<div align="left"><figure><img src="/files/6Vr6AMxcnf26Q6bFvDf8" alt=""><figcaption></figcaption></figure></div>

2）新增资产：在场景【scene\_play】内新增胜利音效、转场音效

<div align="left"><figure><img src="/files/RvUPoPfP96HS7a1ADccY" alt=""><figcaption></figcaption></figure></div>

3）新增场景1：

* 在场景区点击"+"号新建场景1
* 将场景1拖拽至最上方
* 将所需资产添加进场景1内，并调整位置大小、编组

<div align="left"><figure><img src="/files/0GjxINmS48RGfliBnaI2" alt=""><figcaption></figcaption></figure></div>

4）新增结束场景：

* 继续新建场景3，并将该场景放置于【scene\_play】和【scene\_end】之间
* 将场景3勾选为【结束场景】
* 原模板的【scene\_end】不可删除，否则可能引发模板报错，放置于最后不作调整即可

<div align="left"><figure><img src="/files/n49GpVNy0jTKs9oDhBu1" alt=""><figcaption></figcaption></figure></div>

* 将结束场景所需的资产添加进场景内，并调整位置大小、编组

<div align="left"><figure><img src="/files/ekzDhRyQzdHg4556Xchk" alt=""><figcaption></figcaption></figure></div>

### 4.调整横屏排版

* 切换至横屏模式，依次调整两个场景的排版
* 选中多个最高层级的图层，点击【复用竖屏位置尺寸配置】，一键复用竖屏排版
* 再分别选中各图层，微调位置即可

👉相关阅读：[制作技巧-适配相关](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-zhi-zuo-ji-qiao-zhong-xin/tong-yong-zhi-zuo-ji-qiao/zhi-zuo-ji-qiao-shi-pei-xiang-guan.md)

<figure><img src="/files/G0JJBvsT8q5kxJ6cQueI" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/MsrvJwMa6Tz51aqWsCf5" alt=""><figcaption></figcaption></figure>

### 5.**设置动效**

1）场景1：指引动画

* 因场景1的指引动画是常用的四选一，可从[预设库](/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/yu-she-ku.md)中直接复用
* 选择【预设库】 - 【操作指引】 - 【选择】，添加四选一预设

<div align="left"><figure><img src="/files/QFGTBKnZV1O6imYZ3hyV" alt=""><figcaption></figcaption></figure></div>

* 复制动画：选中预设场景中的手指图片\[gf\_hand]，点击"复制"；
* 选中场景1中的手指图片，点击"粘贴"-"仅粘贴图层动画"
* 同理，再依次对以下图层的动画进行复用：\[group\_gf\_hand]、\[options\_A]、\[options\_B]、\[options\_C]、\[options\_D]

<figure><img src="/files/KXNGvbirF3n2L9SRbHGz" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/FiSVhhZ0B8vkn2N8xo6A" alt=""><figcaption></figcaption></figure>

* 根据图片的间距，对手指的两个"位移缓动"动画的位移距离进行微调（调整后，需切换至横屏查看位移距离是否也要调整）
* 完成以上操作后，删除预设场景

2）结束场景：指引动画&转场动画

* 为指引手指添加"淡入"&"旋转缓动"动画

<div align="left"><figure><img src="/files/hROkiMVzFSn3QATyfDBr" alt=""><figcaption></figcaption></figure></div>

* 为白色图片添加"淡出"动画，用做转场

<div align="left"><figure><img src="/files/viQyb0MSncOn5yKXYShI" alt=""><figcaption></figcaption></figure></div>

### 6.设置事件 <a href="#ozdcc" id="ozdcc"></a>

1）调整原模板事件：

* 进入场景【scene\_play】，点击【事件】
* 在【进入下一场景】事件下，添加响应事件：
  * 执行延迟0.5s后，播放1次胜利音效，播放1次转场音效
  * 再执行延迟0.5s后，跳转到下一场景

<div align="left"><figure><img src="/files/YJ1oYnJaXBNEcaHlm82f" alt=""><figcaption><p>调整前</p></figcaption></figure></div>

<div align="left"><figure><img src="/files/Ifyc2OuWZoT7pKebftFT" alt=""><figcaption><p>调整后</p></figcaption></figure></div>

2）新增事件：

* 进入场景1，添加事件 - 按下
* 添加响应事件：跳转到下一场景、播放1次点击音效

<div align="left"><figure><img src="/files/PLhoZvFq1cQdMi0Gvv5x" alt=""><figcaption></figcaption></figure></div>

* 进入场景3(结束场景)，添加事件 - 按下
* 添加响应事件：跳转应用商店、播放1次点击音效

<div align="left"><figure><img src="/files/0J5yasw0tKA3315rngqW" alt=""><figcaption></figcaption></figure></div>

### 7.调整多语言 <a href="#ozdcc" id="ozdcc"></a>

完成以上操作，本案例的迭代就基本完成了。

若有多语言需求，记得将新增的文本翻译为其他语言，并微调格式；也可删减/新增语言版本；

具体操作见 [多语言配置与智能翻译](/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/can-shu-she-zhi-qu/quan-ju-she-zhi/duo-yu-yan-pei-zhi-yu-zhi-neng-fan-yi.md)

<div align="left"><figure><img src="/files/qpDe497vkcsFT9Rat9Lr" alt=""><figcaption></figcaption></figure></div>

### 8.**整体预览** <a href="#ozdcc" id="ozdcc"></a>

建议在制作过程中，每完成一部分操作，就及时预览，检查设置是否正确

全部制作完成后，可对不同机型/不同语言/横竖屏进行整体预览，确认无误

<div align="left"><figure><img src="/files/IQGBv06mr7c9oW8MG61l" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">四、资源提供</mark>

在教程最后，我们为您**提供了本案例所使用到的全部资源，点击压缩包即可下载**。您可尝试用此资源跟着教程制作，以便尽快掌握对模板的深度迭代

{% file src="/files/uQTx7KOblZ0qn7NXynmF" %}
