# 欢迎使用Playturbo

Playturbo 是 Mindworks 自主开发的一站式素材制作平台，支持自助式模板素材制作+无限迭代创意等多种合作模式

Playturbo 目前有三大功能模块：可玩工具、视频工具、图片工具。

**可玩工具：**

[可玩工具-换肤编辑器](/ke-wan-gong-ju-huan-fu-bian-ji-qi)

[可玩工具-自由编辑器](/ke-wan-gong-ju-zi-you-bian-ji-qi)

[可玩工具-视频转可玩](/ke-wan-gong-ju-shi-pin-zhuan-ke-wan)

**视频工具：**

[视频工具-视频编辑器](/shi-pin-gong-ju-shi-pin-bian-ji-qi)

[视频工具-布局模版](/shi-pin-gong-ju-bu-ju-mo-ban)

[视频工具-数字人视频](/shi-pin-gong-ju-shu-zi-ren-shi-pin)

[视频工具-图片转视频](/shi-pin-gong-ju-tu-pian-zhuan-shi-pin)

**图片工具：**

[图片工具-链接生图](/tu-pian-gong-ju-lian-jie-sheng-tu)


# 登录指南

简单操作，立即开启广告制作！

### 登录入口传送门

\*两个登录地址在功能使用上没有区别

{% embed url="<https://app.playturbo.com/#/login>" %}
海外版（国内登录需VPN）
{% endembed %}

{% embed url="<https://app.playturbo.cn/#/login>" %}
国内版
{% endembed %}

### 账号登录

1）输入账号名称或注册邮箱

2）输入密码

\*如果忘记密码或提示密码错误，可通过注册邮箱重置密码： [账户设置](/ge-ren-zhong-xin/zhang-hu-she-zhi#si-xiu-gai-mi-ma)

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

### 浏览器使用建议

<mark style="color:red;">为了获得最佳的编辑体验，官方建议使用 Chrome 浏览器！</mark>


# 订阅用户-页面指南

\#订阅

首页>>>创意工具箱>>>选择对应的工具进入工具页面

**温馨提示：根据订阅内容（套餐）的不同，能使用的工具也不同**

<figure><img src="/files/6LSPmvSAvDgQdPtM5b5T" alt=""><figcaption></figcaption></figure>


# 定制用户-页面指南

\#定制

创意服务>>>定制可玩广告 / 定制图片&视频

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

## 可玩广告-定制服务用户指南

### 1.登录指南

登录相关的问题请跳转至 [登录指南](/huan-ying-shi-yong-playturbo/deng-lu-zhi-nan)

### 2.定制素材版本新建

项目版本新建请跳转至 [定制版本制作-版本新建指南](/ke-wan-gong-ju-huan-fu-bian-ji-qi/zuo-pin-zhi-zuo-xin-jian-zhi-nan/ding-zhi-ban-ben-zhi-zuo-ban-ben-xin-jian-zhi-nan)

### 3.换肤编辑器使用指南

* 「定制用户」将使用 **换肤编辑器** 对项目进行版本制作和迭代 [可玩工具-换肤编辑器](/ke-wan-gong-ju-huan-fu-bian-ji-qi)
* 换肤编辑器的使用指南可查阅 [换肤编辑器-使用指南](/ke-wan-gong-ju-huan-fu-bian-ji-qi/huan-fu-bian-ji-qi-shi-yong-zhi-nan)
* 「定制用户」的参数设置区会多一个<mark style="color:red;">玩法列</mark>，玩法参数将会出现在此处&#x20;

![](/files/W4fFsRRVRQyOoYofeZWm)

### 4.推送/下载

推送/下载相关内容请跳转至 [换肤编辑器 -下载&推送](/ke-wan-gong-ju-huan-fu-bian-ji-qi/huan-fu-bian-ji-qi-shi-yong-zhi-nan/huan-fu-bian-ji-qi-xia-zai-tui-song)&#x20;

&#x20;[广告账户授权与素材推送](/su-cai-dao-chu-tou-fang-xiang-guan-wen-dang/guang-gao-zhang-hu-shou-quan-yu-su-cai-tui-song)

[可玩广告渠道上传规范](/su-cai-dao-chu-tou-fang-xiang-guan-wen-dang/ke-wan-guang-gao-qu-dao-shang-chuan-gui-fan)&#x20;

### 5.Mintegral 操作指南

Mintegral 关联可玩素材请跳转至 [Mintegral 创意操作指南](/su-cai-dao-chu-tou-fang-xiang-guan-wen-dang/mintegral-chuang-yi-cao-zuo-zhi-nan)

Mintegral 数据查看和分析请跳转至 [Mintegral 数据分析查看](/su-cai-dao-chu-tou-fang-xiang-guan-wen-dang/mintegral-shu-ju-fen-xi-cha-kan)


# 可玩工具-换肤编辑器

Playturbo 可玩工具中的【换肤编辑器】，是最简单且高效的可玩制作方式。

## 关于可玩模板

* 海量模板，全面满足素材需求
* 随心调整，元素参数维度多元
* 轻松上手，无需代码操作简单
* 多快好省，高效生产可玩创意

可玩模板分【换肤编辑】和【自由编辑】两种基于模板的制作方式，可以根据迭代需求自行选择。

👉若选择【换肤编辑】，则进入[**换肤编辑器**](/ke-wan-gong-ju-huan-fu-bian-ji-qi)：在可玩模板的基础上替换资源、调整资源大小、调整玩法参数，快速导出高质量可玩广告。

👉若选择【自由编辑】，则进入[**自由编辑器**](/ke-wan-gong-ju-zi-you-bian-ji-qi)：除【换肤编辑】支持的操作外，还可对模板做进一步调整。如更改排版、新增资源、修改事件等等，将模板素材迭代出N多版本。

<figure><img src="/files/6u7eqxcWS1APArgKbbdZ" alt=""><figcaption></figcaption></figure>

**【定制服务用户】和【订阅可玩工具用户】都可以通过换肤编辑器进行换肤编辑**

* [订阅用户-页面指南](/huan-ying-shi-yong-playturbo/ding-yue-yong-hu-ye-mian-zhi-nan)
* [定制用户-页面指南](/huan-ying-shi-yong-playturbo/ding-zhi-yong-hu-ye-mian-zhi-nan)


# 作品制作-流程概要

\#换肤编辑器

使用换肤编辑器输出作品的流程相对简单：

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


# 模板换肤编辑-案例教学

\#换肤编辑器 #通用教学视频

{% embed url="<https://mmp-cdn.rayjump.com/res_store/1863728/646dd6c94cc97.mp4>" %}


# 作品制作-新建指南

\#换肤编辑器

订阅客户和定制客户的页面位置不一样，同时项目/版本新建方法也有所不同：

* 订阅客户：通过打开模板进行项目新建  [模板换肤编辑-项目新建指南](/ke-wan-gong-ju-huan-fu-bian-ji-qi/zuo-pin-zhi-zuo-xin-jian-zhi-nan/mu-ban-huan-fu-bian-ji-xiang-mu-xin-jian-zhi-nan)
* 定制客户：通过打开特定项目进行版本新建  [定制版本制作-版本新建指南](/ke-wan-gong-ju-huan-fu-bian-ji-qi/zuo-pin-zhi-zuo-xin-jian-zhi-nan/ding-zhi-ban-ben-zhi-zuo-ban-ben-xin-jian-zhi-nan)


# 模板换肤编辑-项目新建指南

\#换肤编辑器

### STEP1 海量模板任你挑选 <a href="#p7myn" id="p7myn"></a>

* 方法一：可根据玩法、行业或模板难度快速查找适合的模版
* 方法二：也可在搜索栏中输入关键字快速搜索相关的模版

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

### STEP2 选中模板

* 选中模版后会弹出以下界面，可预览模版效果，查看是否为期望的效果，也可用手机扫码预览
* 每个模板还会预设2套皮肤，供广告主更高效地制作符合自己产品风格的可玩广告

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

### STEP3 选择制作方式

点击【换肤编辑】，调起新建项目窗口

### STEP4 输入作品名称

在弹窗中，输入您的项目名称，点击"确定"即可进入到作品编辑页

您可根据自己的需要，对各个元素及参数进行调节，包括图片、文字、音频、视频、颜色、玩法等

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


# 定制版本制作-版本新建指南

\#换肤编辑器

### STEP1 登入页面

[定制用户-页面指南](/huan-ying-shi-yong-playturbo/ding-zhi-yong-hu-ye-mian-zhi-nan)

### STEP2 选择制作方式

进入定制可玩广告页面后，需要我们选择本次制作的方式【普通制作】

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

### STEP3 选择产品和项目

点击对应的项目名称，进入项目页面

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

### STEP4 新建版本

点击新建版本按钮>>>填写版本名称并确认

您可根据自己的需要，对各个元素及参数进行调节，包括图片、文字、音频、视频、颜色、玩法等

<div align="left"><figure><img src="/files/fMzO3Y9dwhccYQf1D9nH" alt="" width="375"><figcaption></figcaption></figure></div>


# 换肤编辑器-使用指南

「订阅用户」和「定制用户」使用换肤编辑器之前，都建议先食用该指南！

初次使用换肤编辑器，建议您先查阅👉 [作品制作-新建指南](/ke-wan-gong-ju-huan-fu-bian-ji-qi/zuo-pin-zhi-zuo-xin-jian-zhi-nan)

***

**🌟**<mark style="color:red;">**温馨提示**</mark>**🌟**&#x20;

**替换资源时，为了让您产品的图片更完美地适配模板坑位（**<mark style="background-color:red;">**尤其是装扮类模板**</mark>**），建议您按照以下步骤进行操作：**

1. 按照图示路径将模板的全部资源下载到本地（或者只下载需要替换的单个资源），解压文件即可看到该模板内的所有资源。

<div align="left"><figure><img src="/files/TTsZEJkGXVHeD3l08jVM" alt="" width="542"><figcaption></figcaption></figure> <figure><img src="/files/6kC6ay0uMvBSSYAPcOyY" alt="" width="117"><figcaption></figcaption></figure></div>

2. 处理需要替换的图片资源：在图像处理工具导入模板图片资源，按照模板图片资源的**尺寸大小**、**元素分布位置**来处理自己的资源。 以装扮玩法的模板资源为例：

* 原模板图片与您的产品图片 尺寸大小不一，元素相对位置也有偏差
* 依次将 模板图片、您的产品图片 导入图像处理工具（如Photoshop）
* 以原模板图片为背景，将您产品图片的**尺寸**&**元素位置**对齐 (尤其是和其他图片元素有接触的位置，如角色的脖子)
* 隐藏原模板图片，导出即可

<div><figure><img src="/files/WcyLFyPZdqjFuVk732Y7" alt="" width="269"><figcaption><p>模板图片</p></figcaption></figure> <figure><img src="/files/4rP2qtm9poPJuAa3huDz" alt="" width="270"><figcaption><p>您的产品图片(示例)</p></figcaption></figure></div>

<div><figure><img src="/files/8R7rl1faBMUAWL8eLiw0" alt=""><figcaption><p>导入图像处理工具</p></figcaption></figure> <figure><img src="/files/Kf9wl1NVjEMD5hopmBZK" alt=""><figcaption><p>对齐图片尺寸&#x26;元素位置</p></figcaption></figure> <figure><img src="/files/A5IS3OW4fEPcfsQI9leH" alt=""><figcaption><p>导出</p></figcaption></figure></div>

3. 按照以上方法，处理完所有需要替换的图片资源，即可进入【换肤编辑器】操作资源替换

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


# 编辑页面分区介绍

\#换肤编辑器

换肤编辑器的编辑界面主要分为三大部分：**参数设置区**、**作品预览区**、**项目操作栏**

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

## [参数设置区](/ke-wan-gong-ju-huan-fu-bian-ji-qi/huan-fu-bian-ji-qi-shi-yong-zhi-nan/bian-ji-ye-mian-fen-qu-jie-shao/can-shu-she-zhi-qu)

你可以在此处完成作品的所有调整和替换：

* 图片/视频/音频的替换
* 文本调整和语言调整
* 玩法参数的调整

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

## [作品预览区](/ke-wan-gong-ju-huan-fu-bian-ji-qi/huan-fu-bian-ji-qi-shi-yong-zhi-nan/bian-ji-ye-mian-fen-qu-jie-shao/zuo-pin-yu-lan-qu)

通过选择各个选项，你可以对可玩素材进行预览

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

## [项目操作栏](/ke-wan-gong-ju-huan-fu-bian-ji-qi/huan-fu-bian-ji-qi-shi-yong-zhi-nan/bian-ji-ye-mian-fen-qu-jie-shao/xiang-mu-cao-zuo-lan)

顶部区域为项目操作栏，可以对项目进行 保存/推送/下载 相关的操作，也可以通过左侧导航返回主页

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


# 参数设置区

\#换肤编辑器

参数设置区可分成两大模块：1）层级选择区；2）参数调整区；

<mark style="color:red;">注意：选择不同的层级，对应的参数内容会在参数调整区展开</mark>

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

**层级选择区**包括三个部分：常驻元素/语言配置/场景(包含n个场景缩略图)

### <mark style="color:blue;">1.常驻元素</mark>

* 一般来说，贯穿玩法的内容都会被放在该模块中，如产品信息,常驻按钮,背景图片,背景音乐等
* 里面会包括各种类型的参数提供调整&#x20;

### <mark style="color:blue;">2.语言配置</mark>

* 在此进行语言相关的设置
* 包括多语言配置和多语言智能翻译&#x20;

### <mark style="color:blue;">3.场景</mark>

* 场景层级下面，会有当前模板试玩流程划分的多个场景缩略图
* 选中场景缩略图后，里面会包括各种类型的参数提供调整&#x20;

即：

选择「常驻元素」和「场景」层级时，参数调整区会出现各种类型的参数内容。[参数类型介绍及操作](/ke-wan-gong-ju-huan-fu-bian-ji-qi/huan-fu-bian-ji-qi-shi-yong-zhi-nan/bian-ji-ye-mian-fen-qu-jie-shao/can-shu-she-zhi-qu/can-shu-lei-xing-jie-shao-ji-cao-zuo)

选择「语言配置」层级时，参数调整区会出现多语言配置的相关内容。[多语言配置与智能翻译](/ke-wan-gong-ju-huan-fu-bian-ji-qi/huan-fu-bian-ji-qi-shi-yong-zhi-nan/bian-ji-ye-mian-fen-qu-jie-shao/can-shu-she-zhi-qu/duo-yu-yan-pei-zhi-yu-zhi-neng-fan-yi)


# 参数类型介绍及操作

\#换肤编辑器

## <mark style="color:blue;">一、换肤编辑器支持的操作</mark>

当前，换肤编辑器支持以下操作：替换、编辑、查看详情、隐藏/显示、调整玩法参数、删除、下载、重置

⚠️<mark style="color:red;">若要做其他大动作调整(如添加资源/调整资源位置/调整动画事件等)，需将项目</mark><mark style="color:red;">**复制至自由编辑**</mark><mark style="color:red;">进行操作。</mark> [模板自由编辑需知](/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)

<table><thead><tr><th width="169">操作</th><th width="372">详细说明</th><th>截图</th></tr></thead><tbody><tr><td><mark style="color:orange;"><strong>替换资源</strong></mark></td><td><ol><li>点击坑位处的【替换】按钮 或 坑位旁的【+】号，调起资产库</li><li>确认资源及资源大小</li><li>点击【确定】完成资源替换</li><li>文本资源直接在文本框内修改内容即可</li></ol></td><td><img src="/files/aeNqnOdiSNQsLovIno1F" alt="" data-size="original"></td></tr><tr><td><p><mark style="color:orange;"><strong>编辑资源大小；</strong></mark></p><p><mark style="color:orange;"><strong>微调资源位置</strong></mark></p></td><td><ol><li>点击坑位处的【编辑】 按钮，调起编辑窗口（黄框内为有效展示区域）</li><li>可在窗口内通过调整比例来调整图片资源的大小；</li><li>拖拽资源可微调其位置</li><li>注：模板本身的资源不支持【编辑】</li></ol></td><td><img src="/files/hzFJ3mvSS7tzKVBleCiO" alt="" data-size="original"></td></tr><tr><td><strong>查看详情</strong></td><td><ol><li><strong>双击</strong>坑位可调起资源详情窗口</li><li>可在此查看资源的详细情况，如预览视频/序列帧、试听音频</li><li>图片资源还支持调整"滤镜"和"颜色填充"</li></ol></td><td><img src="/files/lRN2OnuFr4FuXNRQ6xST" alt="" data-size="original"></td></tr><tr><td><mark style="color:orange;"><strong>隐藏/显示资源</strong></mark></td><td><ol><li>对于不需要/不想展示的资源，可点击图示图标进行【隐藏】</li><li>点击可恢复【显示】</li></ol></td><td><img src="/files/D7gLZYSkss5Naai6pFAn" alt="" data-size="original"></td></tr><tr><td><mark style="color:orange;"><strong>调整玩法参数</strong></mark></td><td>支持修改模板预设的【玩法参数】</td><td><img src="/files/jzwh93tqYYvxD1Vwlwrr" alt="" data-size="original"></td></tr><tr><td>删除资源</td><td>对于不需要的资源，可操作【删除】</td><td><img src="/files/yJQjCHjXaHftuydZOwuo" alt="" data-size="original"></td></tr><tr><td>下载资源</td><td><ol><li>支持【下载】单个资源</li><li>支持一键【下载】模板全部资源</li></ol></td><td><p><img src="/files/8LDVVV7dYRHf8exLtwVH" alt="" data-size="original"></p><p></p><p><img src="/files/hk0ewT5EWMGOwusBeNNY" alt=""></p></td></tr><tr><td>重置资源</td><td>点击【重置】按钮，可清除当前坑位的操作，恢复模板初始设置</td><td><img src="/files/XAsDBImwI8m4AxOScano" alt="" data-size="original"></td></tr></tbody></table>

####

## <mark style="color:blue;">二、参数类型&上传格式要求</mark>

换肤编辑器支持修改包括但不限于以下参数：图片/序列帧/文本/视频/音频/颜色/玩法参数

💡<mark style="color:red;">鼠标悬浮在【+】号位置，即可查看对应坑位资产的格式要求哦！</mark>按要求替换资产，减少包体和尺寸问题

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

### 1. 图片

图片支持从【图片库】和【我的资产库】中选取资产进行上传替换

* **图片库**：Playturbo提供的可商用资产
* **我的资产库**：您个人上传过的资产（【我的资产库】只展示符合当前格式要求的资产）
  * 支持浏览所有资产，从中选取以往已上传的资产
  * 支持从本地上传新资产

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

### 2.序列帧

序列帧支持从【公共动图库】和【我的资产库】中选取资产进行上传替换

* **公共动图库**：Playturbo提供的可商用资产
* **我的资产库**：您个人上传过的资产
  * 支持浏览所有资产，从中选取以往已上传的资产
  * 支持从本地上传新资产（<mark style="color:red;">仅允许上传</mark><mark style="color:red;">**符合当前资产格式要求**</mark><mark style="color:red;">的资产。若资产上传后仍不可添加，可能是帧数不符合要求</mark>）

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

⚠️<mark style="color:red;">**【特别注意】序列帧上传格式要求：**</mark>

* 包含多个**png**的**zip**格式 (zip压缩包内只能包含1个文件夹 **或** 直接包含多个png文件)
* **PNG命名限制**：命名仅支持字母、数字、下划线，且不能出现空格；同时需以数字结尾，且数字要按顺序进行编号
* **文件大小限制**：最大8MB（建议1-2MB，若有多个序列帧资源 建议压缩到更小）
* 上传数量限制：**大于等于**原本坑位数量即可（<mark style="color:red;">鼠标悬浮在【+】号位置，查看具体的尺寸及帧数要求</mark>）

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

* 序列帧上传后，可在窗口内操作删减帧数 或 拖动调整序列帧的顺序。确认后，点击【下一步】，完成序列帧替换

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

### 3. 文本

* **文本内容**：直接在文本框内修改即可
* **文本样式**：点击笔刷图标调起弹窗，在此修改文本的样式
  * 支持将当前文本样式应用到其他语言（不包括字体和字号）
  * 支持将当前文本样式应用到横屏

<div align="left"><figure><img src="/files/Vh2pwccRWPiyvPE6tR3d" alt="" width="563"><figcaption></figcaption></figure></div>

🌟**特别说明：字体**

* 支持将当前文本字体【应用到同语言的所有文本】
* 支持从【公共字体库】选择字体替换 或 【本地上传】添加自定义字体替换；
* **本地上传字体**文件格式要求：ttf;otf，且大小不超过10M
  * 点击【+本地上传】按钮，调起本地资源弹窗，选择符合要求的资源
  * 上传成功后在【当前素材字体】下方增加【已上传】，显示上传成功的字体。选中即可使用
  * 若字体被删除，下次打开项目时会弹出字体丢失弹窗，需要重新选择字体

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

### 4. 视频

视频需要在【我的资产库】中选取资产进行上传替换（【我的资产库】只展示符合当前格式要求的资产）

* 支持浏览所有资产，从中选取以往已上传的资产
* 支持从本地上传新资产

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

### 5. 音频

音频支持从【公共背景音乐库/公共音效库】和【我的资产库】中选取资产进行上传替换

* **公共背景音乐库** / **公共音效库：**&#x50;layturbo提供的可商用资产
* **我的资产库**：您个人上传过的资产（【我的资产库】只展示符合当前格式要求的资产）
  * 支持浏览所有资产，从中选取以往已上传的资产
  * 支持从本地上传新资产

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

* 支持调节音频的音量

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

### 6. 颜色

部分模板可能包含设置颜色，可修改或清空颜色

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

### 7. 玩法参数

* 对于有代码参与的模板，支持对某些特定玩法进行调整
* 鼠标悬浮在「问号」处，可查看参数详细描述
* 每个模板可调整的玩法参数都不同，具体可进入项目查看

**【&#x20;**<mark style="color:red;">**额外跳转次数**</mark>**&#x20;】说明：**&#x5927;部分模板(有代码参与的)，其玩法参数通常会包含一项 【额外跳转次数】，用于快捷调整当前素材的试玩步数，即玩家有效操作x次，触发跳转应用商店（返回后可继续试玩）。您可根据创意需要，自行设置。

<mark style="color:red;">0=关闭，不会在试玩中途跳转应用商店</mark>

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

🌟**玩法参数类型示例(包括但不限于)：**

<table><thead><tr><th width="342.5">参数类型</th><th>截图参考</th><th data-hidden></th></tr></thead><tbody><tr><td>拖拽条：slider</td><td><div><figure><img src="/files/YrsDMNDvOI137l2vONaF" alt=""><figcaption></figcaption></figure></div></td><td></td></tr><tr><td>文本输入框：input</td><td><img src="/files/QQwHrmGJ3jvyFPmmrIVF" alt=""></td><td></td></tr><tr><td>开关：switch</td><td><div><figure><img src="/files/HFIj9AcNoQm4XTnlEcXc" alt=""><figcaption></figcaption></figure></div></td><td></td></tr><tr><td>单选：radio</td><td><div><figure><img src="/files/CKzSVbeOyGakdhiRY26O" alt=""><figcaption></figcaption></figure></div></td><td></td></tr><tr><td>复选：checkbox</td><td><img src="/files/3uLpI5s5bfkAvLJ1gxaY" alt=""></td><td></td></tr><tr><td>选择组件：select</td><td><img src="/files/JGBXig0YPUqCo5APwQEL" alt=""></td><td></td></tr></tbody></table>


# 多语言配置与智能翻译

\#换肤编辑器

## <mark style="color:blue;">1. 多语言配置功能</mark>

针对素材不同的投放地区，调整或增加语言，实现一条素材多语言多地区投放

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

### 1.1 温馨提示

* 在Playturbo制作的可玩素材，<mark style="color:red;">**其多个语言版本将打包在同一个素材包里自动适配，仅需下载一个素材包即可投放多个国家**</mark>。
* 当您在Playturbo平台或其他渠道平台上预览可玩素材时，显示的语言会优先根据当前设备或浏览器的默认语言，而与 VPN 无关。
* **多语言自动适配仅适用于"文本"资源**；图片和视频资源无法自动翻译多语言，若有相应需求，您需要复制 X 份项目，替换其中的图片/视频，手动输出不同的版本。

### 1.2 默认语言

支持添加、编辑、删除语言

* 更改默认语言：添加多语言后，选中添加的该语言，即可成功设置为默认语言
* 点击默认语言右侧小铅笔按钮，可逐一配置素材包里的所有文本内容语言。文本输入框支持纵向拉伸
* 当前选中的默认语言不支持删除，未选中的语言支持文本内容编辑和直接删除

**🌟关于Playturbo的**<mark style="color:red;">**默认语言**</mark>**规则：**

* **系统会根据用户设备/浏览器的语言，优先匹配素材包中**<mark style="background-color:red;">**已添加**</mark>**的语言；**
* **如果无法匹配上设备语言，则会统一显示您在此处设置的“默认语言”**

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

<table><thead><tr><th width="218">已添加的语言</th><th width="130">默认语言选择</th><th>用户最终看到的语言</th></tr></thead><tbody><tr><td>示例A：英语、中文、韩语</td><td>英语</td><td><p>用户设备/浏览器的语言为中文  →  中文</p><p>用户设备/浏览器的语言为韩语  →  韩语</p><p>用户设备/浏览器的语言不是以上两种 →  统一为英语</p></td></tr><tr><td>示例B：英语</td><td>英语</td><td>无论用户设备/浏览器的语言是什么 → 统一为英语</td></tr></tbody></table>

## <mark style="color:blue;">2. 多语言智能翻译</mark>

进行语言版本的添加时，可以使用现有语言版本，智能翻译生成新语言

### STEP1 添加语言

&#x20;「语言配置」-「添加语言」

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

### STEP2 确认源语言和目标语言

* 选择「源语言」，需为当前已有的语言版本，使用该语言版本下的文本进行翻译
* 选择「目标语言」，即为需要添加的新语言
* 选中需要翻译的文本，点击「翻译」按钮

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

### STEP3 微调翻译内容

等待翻译返回结果后，可在文本框内进一步修改文本。修改完成后点击「确定」，则新增一个语言版本

<mark style="color:red;">温馨提示：若文本涉及不同钱币符号，需要手动调整</mark>

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


# 作品预览区

\#换肤编辑器

作品预览区可实时查看 作品在各机型、横竖屏、各语言环境下的预览效果

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

## <mark style="color:blue;">1. 切换预览模式</mark>

* 点击切换不同设备、语言、横竖屏选项，预览对应模式下的素材效果
* **预览设备选择**
  * 当前支持预览iPhoneX/iPad/iPhone6/redmi/vivo五种设备下的效果（同比例的适配是可以随机型的不同等比放大的，因此当前的五种机型基本能够覆盖到市面上大部分机型的预览效果）
  * 若您想预览更多机型下的效果：1）可以点击右侧【预览】按钮，使用手机扫码预览； 2）或【复制链接】后从浏览器打开，然后按F12键进入开发者模式，可在上方切换更多机型进行预览

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

**💡生成对外预览链接 工具分享：**<https://playable-portal.mintegral.com/#/tools/mw-viewer>

* 在预览页面【复制链接】
* 打开工具，粘贴链接
* 点击【Generate】 生成对外预览链接

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

## <mark style="color:blue;">2.预览/刷新/保存</mark>

* 你的每一次编辑都可以通过 刷新/预览/保存 去实时预览
* 完成所有编辑后，记得点击右上角的\[保存]按钮

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

## <mark style="color:blue;">3. 埋点日志</mark>

在您完成素材制作进行预览时，可点击【埋点日志】调起窗口，实时查看当前素材"基础埋点"与"自定义埋点"的分布情况

* 基础埋点：涵盖了可玩素材的基本内容，会在每个试玩素材中自动添加。如试玩素材开始展示、用户首次交互、用户跳转商店链接等等
* 自定义埋点：模板换肤编辑项目的自定义埋点已由Mindworks设置，无需用户手动配置

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


# 项目操作栏

\#换肤编辑器

[换肤编辑器 -下载&推送](/ke-wan-gong-ju-huan-fu-bian-ji-qi/huan-fu-bian-ji-qi-shi-yong-zhi-nan/huan-fu-bian-ji-qi-xia-zai-tui-song)

顶部区域为项目操作栏，支持(从左至右顺序)：

1. 点击【换肤编辑器】，**返回项目列表**
2. 点击项目名称，可**重命名**当前项目
3. 显示剩余下载量
4. **恢复默认值**：谨慎操作！点击该按钮后，模板将清除您的所有操作，恢复初始设置
5. 保存项目
6. <mark style="color:red;">**复制至自由编辑**</mark>：如需对当前项目进行大动作调整(添加资产/调整资产位置/调整动画事件等操作)，可将项目复制至自由编辑器，进行后续操作。  [模板自由编辑需知](/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)
7. 下载/推送 项目   [换肤编辑器 -下载&推送](/ke-wan-gong-ju-huan-fu-bian-ji-qi/huan-fu-bian-ji-qi-shi-yong-zhi-nan/huan-fu-bian-ji-qi-xia-zai-tui-song)
8. 任务中心：查看项目的导出进度及下载历史
9. 复制当前项目
10. 下载当前模板全部资源

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


# 特殊功能:3D模板


# 3D模板-基础功能介绍

\#换肤编辑器 #3D模板

Playturbo现已支持3D类型的可玩素材产出，可通过模板换肤编辑的方式对3D模板进行迭代

<mark style="color:red;">**注意：当前3D模板仅支持 【换肤编辑】，不支持【自由编辑】**</mark>

## <mark style="color:blue;">一、项目创建</mark>

1）在「模板库」-「可玩模板」页面，筛选类型为「3D」的模板，即可展示当前所有3D模板（更多玩法的3D模板在持续制作中，敬请关注！）

<figure><img src="/files/3BrTFyDsJCNhyBL7fF8l" alt=""><figcaption></figcaption></figure>

2）点击模板进行预览。预览界面会展示当前模板的玩法标签，以及该模板使用的模板数量与动作数量

温馨提示：一个模板可能包含多套皮肤，用于替换不同的模型和玩法参数；可切换皮肤进行预览，并选择最适合的皮肤创建项目

3）确认皮肤后，点击「换肤编辑」 ，填写项目名称后即进入编辑页面

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

## <mark style="color:blue;">二、制作建议</mark>

对比2D模板，3D模板换肤编辑项目，编辑页面新增了【预设及镜头】这一模块

<mark style="color:red;">💡</mark><mark style="color:red;">**建议操作流程：**</mark>

1）先在「预设及镜头」，对预设、屏幕适配、相机 这三部分参数进行调整

2）再依次进入「常驻元素」和「场景」，对3D模型资源及其他2D资源进行替换、调整

3）如有翻译多语言版本的需求，可进入「语言配置」模块添加或修改语言（模板默认添加了中英双语）

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

## <mark style="color:blue;">三、功能说明</mark>

### 1.预设及镜头

「预设及镜头」包含三部分：预设、屏幕适配、相机

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

#### <mark style="background-color:blue;">1.1 预设</mark>

* 「预设」是一系列游戏逻辑、素材模型的集合，可通过切换预设，实现不同游戏逻辑、不同场景、不同模型的素材产出
* 「预设」为单选切换
* <mark style="color:red;">**不同的「预设」可能会使用到不同的模型，需先切换预设，再前往场景内调整具体资源及玩法**</mark>

<figure><img src="/files/lD5aI6PPRv5cZQ078hHy" alt=""><figcaption><p>示例：在[3D经典躲避跑酷]模板的「预设」中,可分别对模板的人物模型、有无奖励、有无障碍进行调整</p></figcaption></figure>

#### <mark style="background-color:blue;">1.2 屏幕适配</mark>

在「屏幕适配」下，可分别调整横屏和竖屏的**FOV偏移值**

* FOV偏移值指的是视场角（Field of View，简称FOV）的偏移量或调整值，是指摄像机或视点能够看到的视野范围
* FOV偏移值用于调整视场角的中心点，使得视野可以向某个方向偏移，从而改变用户的视觉体验
* 较大的FOV值提供更广阔的视野，适用于开放环境；较小的FOV值提供更集中的视野，适用于狭窄空间

<figure><img src="/files/uFVSpWc4m2mTujo5BFwo" alt=""><figcaption><p>调整前</p></figcaption></figure>

<figure><img src="/files/yM8Iu7yDeuvmnufdMo3L" alt=""><figcaption><p>调整后</p></figcaption></figure>

#### <mark style="background-color:blue;">1.3 相机</mark>

帮助精确控制和调整相机的视角和运动，以提供更好的视觉体验和交互效果。**每个模板可调整的相机参数的数量和内容各不相同，由模板的玩法决定**

例如在\[3D经典躲避跑酷]模板中，可调整的三个相机参数分别为：开头特写、跑酷主相机、结算镜头

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

展开每个相机参数，可对相机位置角度进行调整，以实现不同的视觉效果

可调整的参数包含：极角、方位角、径向距离、X轴视角偏移、Y轴视角偏移、Z轴视角偏移、阻尼系数

* **极角：**&#x4EE3;表相机上下(俯仰)旋转的角度，越大则代表越向上旋转
* **方位角：**&#x4EE3;表相机左右(水平)旋转的角度，越大则代表越向右旋转
* **径向距离：**&#x4EE3;表相机和目标物体之间的距离，越大则代表相机越远
* **X/Y/Z轴视角偏移：**&#x5BF9;相机的X、Y、Z轴坐标进行调整，以改变相机视角的位置
* **阻尼系数：**&#x7528;于平滑相机运动，阻尼系数越大，则相机移动旋转越慢

<figure><img src="/files/C99q3FgCNnNOxS2cfSim" alt=""><figcaption><p>具体效果可自行调整体验</p></figcaption></figure>

***

**2.场景: 3D资源**

进入「场景」，除常规2D资源外，还可看到该项目内的所有3D模型资源，并可对3D模型资源 进行编辑、替换、上传、下载等操作

### <mark style="background-color:blue;">2.1 模型替换与上传</mark>

点击模型资源上的「替换」按钮，调起弹窗：

a. 支持从「模型库」中选取我们预设好的模型进行替换

b. 也支持通过「我的资产库」本地上传您自己的模型资源进行替换

⚠️需注意：当前<mark style="color:red;">**3D资源仅支持同类型资源的替换**</mark>，如人替换人、动物替换动物

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

### <mark style="color:red;">**🌟**</mark><mark style="color:red;background-color:red;">**上传自己的模型资源**</mark>

**温馨提示：**

* 贴图需要按照特有命名规范进行命名
* 上传的模型文件里，只能存在一个网格一个材质，蒙皮绑骨需要按照特有规范处理
* 骨骼的节点结构需要和蓝本骨骼结构保持一致，包括命名和父节点

以下见详细规范、步骤。

**Step1：下载模板的模型及蓝本骨骼**

点击模型资源上的「下载模型及蓝本骨骼」按钮，可以下载对应坑位模型的json文件、贴图文件和带骨骼模型归属的蓝本骨骼，用户可针对带骨骼的模型进行重新蒙皮绑定，将需要的模型自主上传和并能正确播放对应的模型动作。

蓝本骨骼：即带骨骼的模型模板，用户上传模型若需要带骨骼并播放动作时，需要将上传的模型与下载的蓝本骨骼进行蒙皮绑定，以此来实现动画正常播放。

<div align="left"><figure><img src="/files/RcXg6cOiJEmQOAKRBudH" alt="" width="307"><figcaption></figcaption></figure></div>

**Step2：本地处理模型**

⚠️<mark style="color:red;">**请注意蓝本骨骼绑定规范**</mark><mark style="color:red;">：</mark>

* 模型和骨骼缩放比例和单位需要完全统一（maya为1；3Dmax为100）
* <mark style="color:red;">请您直接使用下载的蓝本骨骼进行蒙皮绑骨，注意需要和蓝本骨骼的结构、数量、名称完全一致！</mark>
* 提供的蓝本骨骼内所有骨骼都加入蒙皮，并且都要给权重，确保每一根骨骼权重不为0
* bip001需要加入蒙皮
* 注意在blender导入导出骨骼时，可能会在父节点上新增出一个节点，需要留意删除，确保骨骼父节点为 bip001 开头。如图所示

<div align="left"><figure><img src="/files/2zZGgGSe8arTFujhsd4t" alt="" width="290"><figcaption><p>3Dmax下完整骨骼结构示意</p></figcaption></figure></div>

⚠️<mark style="color:red;">**请注意模型上传规范：**</mark>

* 上传的模型需要放置在一个ZIP包内，且上传的模型和贴图都放在项目文件夹内
* 模型格式必须为 gltf 或 glb 或 glb+bin 格式，贴图格式必须为 JPG 或 PNG 格式
* 贴图的命名必须遵守以下要求：颜色贴图需要以xxx\_color为后缀、法线贴图需要以xxx\_normal为后缀
* 压缩包大小限制：最大5MB

（若上传时提示“文件内容错误，骨骼名称与蓝本不一致” 或 “骨骼名称不匹配”，**请您先自行检查模型文件是否符合以上规范**。大概率是因为模型导入blender这类工具后骨骼节点结构发生了改变。建议您将处理后的模型导入3Dmax或maya，以检查您的骨骼文件与蓝本骨骼是否有出入，如有则删掉多余的节点。 *\[平台正在优化此功能，后续下载将支持FBX格式文件]* ）

<div align="center"><figure><img src="/files/M0Hkd905tNBMIucEXyGu" alt=""><figcaption></figcaption></figure> <figure><img src="/files/uPx0QNVYbdx0DMwqsIRH" alt=""><figcaption></figcaption></figure></div>

**Step3：上传&替换模型**

模型资源在本地处理完成后，即可操作上传替换：选中模型 - 替换 - 我的资产库 - 本地上传

替换后支持进行「模型编辑」

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

🌟此外，若用户不想自己处理模型资源，还可通过【**3D模型工单**】服务（我的资产库 - 模型处理服务），交由我方制作人员更为精细化地处理您的模型，以确保模型与平台兼容并获得最佳表现效果

👉具体可查阅： [3D模型工单](/ke-wan-gong-ju-huan-fu-bian-ji-qi/huan-fu-bian-ji-qi-shi-yong-zhi-nan/te-shu-gong-neng-3d-mu-ban/3d-mo-xing-gong-dan)

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

### <mark style="background-color:blue;">2.2 模型编辑</mark> <a href="#sobfc" id="sobfc"></a>

点击模型资源上的「编辑」按钮，调起「模型编辑」弹窗（或替换模型资源后自动进入编辑窗口）

「模型编辑」窗口左侧为参数调整区域，右侧为预览区域

* **预览区域**含"修改前"和"修改后"，可对调整的参数进行实时预览
* 当前支持三种预览模式，用以控制相机镜头。最后一个按钮为「重置镜头」
  * 默认模式：左键拖拽旋转以调整角度
  * 平移模式：左键拖拽进行预览相机的平移
  * 缩放模式：左键拖拽进行缩放

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

**参数调整区域**包含三部分：「基础」参数、「皮肤」参数、「动作」参数（部分模型）

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

#### **1）参数：基础**

可对模型X、Y、Z的位置、旋转、缩放进行修改

温馨提示："缩放值"默认联动缩放；**如不需要，可点击图示按钮解除联动**

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

#### **2）参数：皮肤**

可对模型进行「部位改色」和「材质参数」的调整

* **部位改色：**&#x652F;持对该模型不同部位的颜色进行修改
* 注：支持改色的部位是内部结合模型较为明显或通用的部位所抽取的，暂不支持自定义部位
* 支持颜色的清除、重置

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

* **材质参数：**&#x53EF;对模型的「主颜色-叠色」、「环境遮蔽强度」、「粗糙度」、「金属光泽」、「镜面强度」、「自发光颜色」等参数进行修改（具体修改效果可自行体验）
* 支持重置参数

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

#### **3）参数：动作**

<mark style="color:red;">注：</mark><mark style="color:red;">**部分模型**</mark><mark style="color:red;">有对应的动作，则在模型编辑窗口内有「动作」Tab页，展示该模型关联的所有动作资源</mark>

对于动作资源，支持：替换动作、调整播放速率、设置旋转角度、调整动作关键帧

* **替换：**&#x70B9;击替换，从「动作库」中选择同类模型资源替换
* **速率：**&#x6ED1;动滑杆或输入数值以调整模型播放「速率」，在右侧预览区可实时预览该动作
* **旋转：**&#x6ED1;动滑杆或输入数值以调整模型旋转角度，在右侧预览区可实时预览该动作

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

* 关键帧调整：对于部分动作，动作播放到第n帧时会触发相应的其他事件，被称为关键帧。*如「攻击」动作播放到第5帧时，触发「出血」事件*
* 该关键帧的位置可以在右侧进度条预览区域通过 **移动菱形滑块** 进行调整<mark style="color:red;">（尤其注意替换动作之后，关键帧的位置可能需要调整）</mark>

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

完成「预设及镜头」和「3D资源」的调整后，可继续对其他常规2D资源进行替换与调整，具体操作可查阅  [编辑页面分区介绍](/ke-wan-gong-ju-huan-fu-bian-ji-qi/huan-fu-bian-ji-qi-shi-yong-zhi-nan/bian-ji-ye-mian-fen-qu-jie-shao)


# 3D模型工单

\#换肤编辑器

使用3D模板换肤制作时，如果您想使用自己的3D模型资源，可**发起3D模型工单**，平台内部人员将按照平台的制作规范和要求对您的模型资源进行处理，以确保模型与平台兼容并获得最佳表现效果。

####

## <mark style="color:blue;">一、3D模型工单的服务说明</mark>

尊敬的客户，我们提供专业的3D模型资源转换服务，旨在帮助您将现有的3D模型资源适配到我们的平台项目中，并确保能够在平台上达到最佳表现。

### 1.服务内容

* **模型评估**：我们首先对您的3D模型资源进行全面评估，包括模型的复杂度、材质、纹理等，以确定最佳的转换策略。
* **格式转换**：我们将根据您的需求和平台的兼容性要求，将3D模型资源转换为适合的格式。
* **模型优化**：为了确保模型在平台上的流畅运行，我们会对模型进行优化，包括减少多边形数量、蒙皮绑骨、处理贴图尺寸等。
* **兼容性测试**：转换后的模型将经过严格的兼容性测试，确保在不同设备和操作系统上均能正常运行。

### 2.服务规则

* **提交要求**：客户需提供完整的3D模型与贴图纹理文件或者3D源文件。
* **版权声明**：客户需保证所提交的3D模型资源拥有合法的使用权和版权，我们不承担因版权问题引起的任何法律责任。
* **服务费用**：<mark style="color:red;">单个3D模型的适配费用为2000点数或$40.00</mark>。点数会在提交工单时扣除（若工单被撤回或拒绝，则该部分点数会被退回），余额将在工单交付时扣除。
* **交付时间**：模型转换服务的交付时间将根据模型的复杂度和工作量而定，我们将在评估后提供一个预计的完成时间。
* **服务终止**：在工单被我们接受前，客户可在「3D模型工单」页面撤回工单以终止服务。工单也有可能因模型资源问题被我们拒绝。工单被接受后无法终止服务。

####

## <mark style="color:blue;">二、3D模型工单的使用步骤</mark>

### 1.创建3D模型工单 <a href="#yqlgr" id="yqlgr"></a>

* 在3D模板【换肤制作】项目内，选择要替换的3D模型，点击【替换】
* 选择【我的资产库】 - 【模型处理服务】

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

* 在弹框内上传该坑位您想要替换的3D模型文件（格式要求见下图）
* 上传完成后点击【提交】，即成功创建模型处理工单
* <mark style="color:red;">注意：每个模型处理服务需消耗2000点数或$40.00（如点数不足请联系您的创意顾问充值）</mark>

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

### 2.查看3D模型工单

在首页【创意服务】 - 【3D模型工单】页面，可查看您提交的所有工单

* **待确认：**&#x521A;提交的工单状态为「待确认」，即等待我们内部制作人员确认。在此环节，您也可以选择「撤回」工单。
* **拒单：**&#x5185;部制作人员可能会拒绝工单（由于上传文件不符合要求等），则工单状态更新为「拒单」，并展示拒绝原因，您可以点击「上传」按钮，重新上传模型并发起工单。

<div align="left"><figure><img src="/files/LRApnaLUOXBes29z1Tvl" alt="" width="528"><figcaption></figcaption></figure></div>

* **制作中：**&#x5185;部制作人员确认后，工单状态将更新为「制作中」，并会显示工单的预计交付时间。
* **已完成：**&#x5DE5;单交付后，状态流转到「已完成」。<mark style="color:red;">则交付的模型文件会自动上传到您的资产库，并且替换掉对应项目中的模型坑位。</mark>支持点击「下载」，下载该3D模型。

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

* 也可于首页【我的资产】 - 【创意资产】，筛选3D模型，查看或下载资源

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


# 换肤编辑器 -下载&推送

💡当您的项目编辑完成后，进入**下载流程**：

* **Step1**：绑定项目信息
* **Step2**：点击【推送/下载】按钮，调起窗口
* **Step3**：勾选渠道后，推送或下载
  * 若包体大小超出规范，需进行压缩再导出

## <mark style="color:blue;">一、项目信息(关联推广产品/商店链接)</mark> <a href="#yi-xiang-mu-xin-xi-guan-lian-tui-guang-chan-pin" id="yi-xiang-mu-xin-xi-guan-lian-tui-guang-chan-pin"></a>

* 若未关联推广产品，则点击【下载】时，会出现弹窗提示
* **点击【补充信息】**。在此，可查看"项目详情"、"导出历史"，以及"关联推广产品"

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

* 点击【+关联推广产品】
* 可选择 【从库里选择】 或 【新增推广产品】
  * **从库里选择**：历史添加过的推广产品，需要时可二次调用，直接点击【选择】
  * **新增推广产品**：需填写相关产品信息。新增成功后，会自动保存在产品库

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

🌟<mark style="color:red;">**新增推广产品：**</mark>

* 需选择产品类型、平台类型，并填写相应URL（**微信小游戏可查阅：** [可玩广告渠道上传规范](/su-cai-dao-chu-tou-fang-xiang-guan-wen-dang/ke-wan-guang-gao-qu-dao-shang-chuan-gui-fan#er-te-bie-shuo-ming-wei-xin-xiao-you-xi)）
* 成功填写应用商店链接后，通常会自动匹配出产品名称、包名、LOGO图标。若未自动匹配，需手动上传
* 信息填写完整后，点击“确认”即可完成推广产品新增

👉相关阅读： [1.关联推广产品相关问题](https://playturbo-doc.mindworks-creative.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-faq/dao-chu-tou-fang-wen-ti#id-1.-zen-me-tiao-zheng-qi-ta-ji-xing-de-su-cai)

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

## <mark style="color:blue;">二、下载 & 推送</mark> <a href="#khhpw" id="khhpw"></a>

在下载页面确认当前项目[<mark style="color:blue;">版本</mark>](#qi-ban-ben-shuo-ming)无误后，进一步操作 【下载】 或 【推送】。

<mark style="color:red;">**推送和下载都是导出可玩素材的方式，任选一种即可**</mark><mark style="color:red;">：</mark>
【推送】即将当前可玩素材一键推送至对应渠道平台上，无需【下载】后手动上传，更加方便；且后续还可通过平台的"创意洞察"功能分析可玩表现数据。

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

### 1. 若选择【下载】

* 点击【下载】，调起【作品下载】弹窗
* 勾选需要下载的渠道
* 待包体大小计算完成后，点击【下载】按钮，即可完成该版本作品的下载

  * 下载：下载各个渠道包体的压缩包
  * 获取链接：下载汇总各个渠道包体预览链接的excel表格（可用于外部预览最终效果）

  *注意：【获取链接】意味着下载，点击即会扣减1次下载额度（随后点击【下载】不会再扣减）*

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

### 2. 若选择【推送】

<mark style="color:red;">若选择【推送】，需先完成对应渠道平台的账号授权👉：</mark> [广告账户授权与素材推送](/su-cai-dao-chu-tou-fang-xiang-guan-wen-dang/guang-gao-zhang-hu-shou-quan-yu-su-cai-tui-song)

当前，平台支持 Mintegral、Unity、Applovin、IronSource、XMP 这几个广告平台的账号授权与推送功能。

以Mintegral渠道为例：

-推送入口1：在预览界面，点击右侧【推送】按钮

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

-推送入口2：在【作品下载】弹窗内勾选 Mintegral 渠道后，点击【推送】

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

* 选择推送到当前的投放账户，或者其他Mintegral投放账户（选择其他投放账户需要输入账号和密码）
* <mark style="color:red;">**注意：**</mark>Mintegral账号有“主账号”和“子账号”之分。当素材推送到子账号，子账号&主账号的素材列表都会展示这个素材；当素材推送到主账号，主账号&主账号授权的子账号的素材列表都会展示这个素材
* 选择完毕，确认无误后点击【推送】，即可推送至Mintegral广告主自助投放平台进行内审并投放

<div align="left"><figure><img src="/files/ak9t0qw5sRJRsVlZpUDH" alt="" width="563"><figcaption></figcaption></figure></div>

* 推送后会在1-2个工作日内通过审核（请结合投放计划预留好审核时间）
* 审核通过后即会显示在【Mintegral广告投放平台】页面中：选择<广告投放>--<素材管理>--<试玩广告>，然后选择对应素材，点击【应用至广告单元】来关联对应的广告单元，即可完成素材上线

<div align="left"><figure><img src="/files/yyE1DhKdJW0FzpQLdOBj" alt="" width="563"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/bW8239yBy57fuxsqDMCJ" alt="" width="563"><figcaption></figcaption></figure></div>

⚠️ <mark style="color:red;">注意：</mark>

<mark style="color:red;">暂不支持【下载】Mintegral渠道的可玩素材到本地；仅支持【推送】。</mark>

<mark style="color:red;">针对<定制>项目：</mark>在此处会有一个【Mintegral存档下载】的功能，请注意下载后的文件仅用于内部存档，并非是符合投放规范的可玩文件，因此不能用于投放！

<div align="left"><figure><img src="/files/wPeUQEOUidHdWXYezGmn" alt="" width="537"><figcaption></figcaption></figure></div>

## <mark style="color:blue;">三、包体压缩</mark>

当某渠道的包体超出包体大小限制时，该包体不能 获取链接/下载/推送，需对包体大小进行压缩后再操作下载（①可进一步压缩资源并返回编辑页面替换 **或** ②直接在【作品下载】弹窗内对包体整体压缩）。

<div align="left"><figure><img src="/files/ihcF0C5sCaOojZ6gRDl4" alt="" width="372"><figcaption><p><strong>各渠道包体大小限制可在勾选渠道后查看，或直接查询平台相应规范</strong></p></figcaption></figure></div>

### 1.智能压缩

* 勾选需要压缩包体的渠道
* 选择【智能压缩(平衡文件质量与大小)】，并调整质量选择
* 点击【应用并计算】，即可完成智能压缩
* <mark style="color:red;">支持包体压缩</mark><mark style="color:red;">**预览**</mark>

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

### 2.自定义压缩

* 勾选需要压缩包体的渠道
* 选择【自定义压缩】，可分别调整图片质量、视频质量、音频质量
* 调整完毕后点击【应用并计算】，即可完成自定义压缩
* <mark style="color:red;">支持包体压缩</mark><mark style="color:red;">**预览**</mark>

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

## <mark style="color:blue;">四、可玩素材埋点管理</mark>

* 在【作品下载】弹窗内，点击【可玩素材埋点管理】，跳转到对应界面

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

* 在此界面勾选对应渠道是否可以添加埋点
* 勾选后，对应渠道之后下载/推送的所有可玩素材将添加埋点代码，反之则不添加。建议允许添加埋点，添加埋点后素材将支持交互数据分析、场景分析、用户旅程分析等高级分析功能。
* 注意：目前仅支持下图展示的渠道，如需支持其他渠道请联系您的创意顾问

👉相关阅读 ：[创意洞察](/chuang-yi-dong-cha)

<div align="left"><figure><img src="/files/D5fvD7UCJyVePqKL7IrQ" alt="" width="563"><figcaption></figcaption></figure></div>

## <mark style="color:blue;">五、可玩广告渠道上传规范</mark>

[可玩广告渠道上传规范](/su-cai-dao-chu-tou-fang-xiang-guan-wen-dang/ke-wan-guang-gao-qu-dao-shang-chuan-gui-fan)

## <mark style="color:blue;">六、版本说明（涉及下载次数的扣减）</mark>

跳转下载页面后，右侧展示项目版本信息。

⚠️ <mark style="color:red;">**注意：**</mark>

* <mark style="color:red;">可玩项目内容完全相同的素材被认定为一个「版本」。</mark><mark style="color:red;background-color:red;">**若素材导出后，**</mark><mark style="color:red;background-color:red;">对项目内容又进行了任意改动 (如修改文本/替换产品信息...)，则会生成一个新的版本，</mark><mark style="color:red;background-color:red;">**导出新版本时会重新扣减下载次数！**</mark>  <mark style="color:red;background-color:red;"></mark><mark style="color:red;background-color:red;">因此，请您确认素材无误后，再操作导出。</mark>
* 每个版本对应一个创意名称，若后续进行素材分析，会展示对应创意名称。

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

**1.最新版本**

* 可对【最新版本】 （即当前版本）进行下载、推送的操作
* 若素材还需调整，可点击【返回编辑】按钮，回到编辑页面继续编辑
* 支持在此处修改素材名称

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

**2.历史版本**

* 点击相应的历史版本，可对历史素材进行预览查看
* 查看后，如有需要 可对历史版本再次下载（仅支持下载已下载的渠道，不支持二次推送）

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


# 换肤编辑器-FAQ

本模块记录了在使用换肤编辑器的过程中，一些比较常见的问题及解决方法，希望能解答您在制作上的疑问。

**Tips：**&#x53EF;以进入对应的子目录来获取您想查看的问题及解决方法，也可直接在右上角搜索框**输入关键词**快速检索！

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


# 资产替换问题

\#换肤编辑器

## <mark style="color:blue;">1.产品信息相关问题</mark>

#### **Q1：模板项目里的产品信息，需要自己换成目标产品， 还是会自动对应Offer呢？**

**A：**&#x4EA7;品信息是需要自行上传资产 进行替换的，不会自动对应Offer哦（换肤编辑&自由编辑都是）

<div align="left"><figure><img src="/files/xcvq27ABMV9guat4nSaA" alt="" width="563"><figcaption></figcaption></figure></div>

## <mark style="color:blue;">2.资产格式相关问题</mark>

#### **Q1：在使用【换肤**编&#x8F91;**】时，看到坑位要求图片最大1MB，这是仅针对我用的这个模板还是针对所有模板呢？**

<div align="left"><figure><img src="/files/XxjZatsIOozWuf2sl2Lc" alt="" width="262"><figcaption></figcaption></figure></div>

**A：**&#x56FE;片大小要求是针对所有的，换肤编辑器和自由编辑器都要求图片1M以下哦。考虑到渠道对包体大小的限制，建议您不要使用太多大尺寸的图片，不然超包的话后面还是要压缩。

#### **Q2：资源替换后，预览觉得图片有点糊，不够清晰怎么办？**

**A：**&#x56E0;各渠道对包体大小有限制，所以在制作素材时 不建议使用较大的资源，避免压缩受限导致返工。

处理办法建议：检查图片本身是否清晰，细节是否足够

* 清晰 → 若在【换肤编辑】里替换觉得模糊，可<mark style="color:red;">将项目【复制至自由编辑】去替换</mark>（背景图可添加在"场景"内，不上传到"全局设置"的背景图片处）
* 不清晰 → 重新导出：
  * a. 导出png时不要用快速导出，要选择最高质量的选项；
    导出大尺寸高质量图后，再额外用压缩工具压回到符合要求的大小内（<https://tinypng.com/）；>
  * b. 或把觉得模糊的所有图片大小控制在1M去替换，在导出时如果提示超包，再通过\[智能压缩]功能去压一下整个包体；
  * c. 或将图片转成jpg格式，并【复制至自由编辑】去替换（因同等尺寸的图片，PNG的大小会比JPG的大）

#### **Q3：模板的序列帧坑位，想替换成静图怎么办？**

**A：**&#x56E0;模板各坑位类型的格式是无法更改的，如果想替换为静图，可以将多张相同的图片打包为序列帧的格式，再上传替换。例如：坑位显示帧数为10张，则在本地需要打包≥10张图片

👉相关阅读： [/pages/weXn9vLEsVYgD74olkUi#id-2.-xu-lie-zhen](https://doc.playturbo.cn/ke-wan-gong-ju-huan-fu-bian-ji-qi/huan-fu-bian-ji-qi-faq/pages/weXn9vLEsVYgD74olkUi#id-2.-xu-lie-zhen "mention")

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

## <mark style="color:blue;">3.背景图片相关问题</mark>

#### **Q1：替换背景图片后，图片显示不完整/变形？**

**A：**&#x5728;您替换图片类型的资产时，如坑位名称显&#x793A;**"背景图"**&#x76F8;关

* 建议您使用适合用作背景的图片进行替换，如纯色图片/模糊图片/被拉伸后不受影响的图片
* 不建议您使用 与核心玩法息息相关的图片 或 人物占主体的图片作为背景图

这是因为：背景图主要是给横竖屏的排版适配兜底，以保证在不同尺寸的设备下都能铺满全屏，不露白边/黑边，所以背景图的尺寸要求会比常规图层要大很多，若您的背景图尺寸偏小或图中主体占比过大，则可能会被拉伸变形，无法完美适配或无法完全展示。

<div align="left"><figure><img src="/files/W3cmusUqxl4jynnUHqMJ" alt="" width="286"><figcaption><p>"背景图"相关坑位示例</p></figcaption></figure></div>

若您仍想用这类图片当作背景，建议：

* 先在外部处理一下图片：调整图片尺寸、缩小主体的占比，再进入项目进行替换
* 若【换肤编辑】仍无法满足您的需求，建议将项目**复制至自由编辑**，在自由编辑器内进行精细化的编辑，调整图片的大小及位置

<div align="left"><figure><img src="/files/1OrV3BKUZrfcH435IzEX" alt="" width="509"><figcaption></figcaption></figure></div>

## <mark style="color:blue;">4.包体或平台报错问题</mark>

#### Q1：使用换肤编辑时，弹出"当前分类下配置内容校验不通过"，是什么情况？

**A：**&#x8FD9;种情况大概率出现在 您用自由编辑器存为模板的项目转到"换肤编辑"时，由于某些图层的命名过长导致报错（换肤编辑的资产坑位名长度 需控制在100个字符内），在坑位名处缩减名称即可解决。

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

<div align="left"><figure><img src="/files/M0uS8nN4AISLZ9CVkee1" alt="" width="486"><figcaption></figcaption></figure></div>

#### Q2：我所有待替换的资产在本地仅3M，通过换肤编辑替换后，包体怎么成倍增加了？

**A：**&#x5927;概率是因为替换图片时，在窗口使用了裁剪功能，也就是调节过截图里的显示比例；此外，若您的图片尺寸和模板坑位要求的尺寸不一致时，尽管您没有调节比例，也会默认触发裁剪功能。

\>>>换肤编辑器的裁剪功能当前待优化，需要暂时避免使用该功能，因此，您需要按照模板图片坑位的尺寸要求 提前在本地处理好图片，再导入编辑器替换。

👉图片处理建议： [换肤编辑器-使用指南](/ke-wan-gong-ju-huan-fu-bian-ji-qi/huan-fu-bian-ji-qi-shi-yong-zhi-nan)

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


# 素材效果问题

\#换肤编辑器

#### Q1：如使用模板【经典钢琴键】，想在"失败页音效道具icon"坑位替换三张不同的封面图，但好像换不了？三个封面都是一样的

**A：**&#x53EF;点击项目右上方的"<mark style="color:red;">复制至自由编辑</mark>"，进入自由编辑调整。进入场景3即可分别替换不同封面图<mark style="color:orange;">（Tips: 在使用模板</mark><mark style="color:orange;">**换肤编辑**</mark><mark style="color:orange;">时，如遇到调整受局限的问题，可尝试转</mark><mark style="color:orange;">**自由编辑**</mark><mark style="color:orange;">进行调整，能解决大部分问题哦！）</mark>

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

#### **Q2：**&#x5982;使用模板【散落物品三消】，想隐藏其中2个元素，让画布中只显示3种，但在实际试玩时，点击空白区域依旧会触发消除效果

**A：**&#x9700;了解，在模板项目中调整图层的"显示"或"隐藏"，控制的其实只是视觉上的，和模板的玩法逻辑并不挂钩。因此出现这类问题 就是因为在试玩过程中，点到了被隐藏的图层。

建议您通过调节模板中的一系列玩法参数来调整素材玩法；若要隐藏部分图层，尽量隐藏和交互操作无关的

#### **Q3：**&#x5982;使用模板【画线救它】，替换了主角色(保护对象)序列帧后，预览发现主角色会歪斜？

**A：**&#x8FD9;有可能和替换的“场景地形”资源有关，因地形图片的实际有效像素会决定地形刚体，替换了地形图片，地形刚体就会随之变化。若场景地形中间的位置过窄，就可能导致中间的刚体被挤出从而歪斜。

建议：使用平整的“场景地形”图片，或将地形中间的位置预留宽一些。

#### **Q4：**&#x5728;换肤编辑里已经隐藏的图片(关掉了眼睛图标)，复制到自由编辑器后 还是会显示出来？

**A：**&#x8FD9;是平台本身的逻辑设置。建议您在自由编辑器内找到相应图层，重新隐藏。（若部分图层找不到，可能是位于“玩法模板”内，具体可查阅[FAQ](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-faq/zi-chan-wen-ti#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k-8)）


# 可玩工具-自由编辑器

Playturbo 可玩工具中的【自由编辑器】，可以让你实现所有可能性。

#### 使用 自由编辑器 制作可玩广告，有两种方式：

1）**可玩模板**：选择模板，选择【自由编辑】，即可在换肤基础上做进一步调整，如更改排版、新增资源、修改事件等等，将模板素材迭代出N多版本。  [模板自由编辑需知](/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)

2）**自由编辑制作**：即空白制作，从零搭建可玩内容，释放互动创意空间。

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


# 作品制作-流程概要

\#自由编辑器

### <mark style="color:blue;">路径一：模板自由编辑-内容迭代</mark>

👉[模板自由编辑需知](/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)

小技巧：建议通过换肤编辑器先进行换肤步骤(替换资源)，再进入自由编辑器 进阶编辑

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

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

### <mark style="color:blue;">路径二：空白制作-从零搭建</mark>

👉[制作技巧-制作流程建议](/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-zhi-zuo-liu-cheng-jian-yi)

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


# 空白制作-交互Endcard

\#自由编辑器 #空白制作 #入门难度

本篇教学视频是<mark style="color:red;">**自由编辑器-空白制作的入门教学**</mark>，以制作交互Endcard为例，为您演示空白制作的全过程。

在教学视频下方，还为您提供了本案例所使用到的全部资源，点击压缩包即可下载。您可以用此资源跟着教程尝试制作，以便尽快上手使用自由编辑器。

{% embed url="<https://mmp-cdn.rayjump.com/res_store/2123918/65f7f4f4b29b4.mp4>" %}

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


# 空白制作-固定步骤可玩

\#自由编辑器 #空白制作 #初级难度

{% embed url="<https://mmp-cdn.rayjump.com/res_store/2282474/667d0b586dbf5.mp4>" %}


# 模板自由编辑-案例教学

\#自由编辑器 #模板自由编辑

{% embed url="<https://mmp-cdn.rayjump.com/res_store/1863738/646dd7d7d9020.mp4>" %}


# 作品制作-新建指南

\#自由编辑器

【模板自由编辑】和【空白制作】的项目新建方式并无特别大的差异

## 📒<mark style="color:blue;">模板自由编辑</mark>

### STEP1 海量模板任你挑选 <a href="#p7myn" id="p7myn"></a>

* 方法一：可根据玩法、行业或模板类型快速查找适合的模板
* 方法二：也可在搜索栏中输入关键字快速搜索相关的模板

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

### STEP2 选中模板

* 选中模板后会弹出以下界面，可预览模板效果，查看是否为期望的效果，也可用手机扫码预览
* 模板中还会预设2套皮肤，供广告主更高效地制作符合自己产品风格的可玩广告

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

### STEP3 选择制作方式

点击【自由编辑】，调起新建项目窗口

### STEP4 输入作品名称

在弹窗中，输入您的项目名称，点击"确定"即可进入到作品编辑页

温馨提示：项目名称只允许数字、字母、下划线，50个字符以内

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

## 📒<mark style="color:blue;">空白制作</mark>

### STEP1 新建空白项目 <a href="#p7myn" id="p7myn"></a>

* 入口1：首页 - 自由编辑器&#x20;
* 入口2：我的项目 - 可玩项目 - 新建项目 - 自由编辑器

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

### STEP2 填写作品名称

温馨提示：【项目名称】只允许数字、字母、下划线，50个字符以内

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

### STEP3 选择适配方向

* 支持横屏&竖屏、横屏、竖屏3种适配方式
* 投放Mintegral建议选择 横屏&竖屏
* 项目创建后，不支持修改适配方向。<mark style="color:red;">如需修改，可复制项目后重新选择并编辑</mark>

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

#### **1）横屏&竖屏**

* 在1个作品内需要同时完成横屏和竖屏的场景制作
* 投放时，作品会根据当前App的展示方向，自动选择合适的方向（例如：App竖屏时，则展示作品的竖屏设计；App横屏时，则展示作品的横屏设计）
* 具体适配效果如下：

<table data-header-hidden><thead><tr><th width="207"></th><th></th></tr></thead><tbody><tr><td><img src="/files/xsp43GFmN2QZbp0PgFOw" alt=""></td><td><img src="/files/bes5aJQZZ0MpA8G9Gonv" alt=""></td></tr><tr><td>竖屏</td><td>横屏</td></tr></tbody></table>

#### **2）竖屏**

* 在1个作品内，仅需完成竖屏的场景制作。
* 投放时，不论当前App的展示方向是什么，都只展示竖屏设计，多余的区域默认填充黑色。
* 具体适配效果如下：

<table data-header-hidden><thead><tr><th width="205"></th><th></th></tr></thead><tbody><tr><td><img src="/files/pb9Rw2q6EFJwhUfZoOIa" alt=""></td><td><img src="/files/PmoRQJKNCDGAF1EWHbfq" alt=""></td></tr><tr><td>竖屏（仅设计竖屏）</td><td>横屏（空白区域默认填充黑色）</td></tr></tbody></table>

#### **3）横屏**

* 在1个作品内，仅需完成横屏的场景制作​
* 投放时，不论当前App的展示方向是什么，都只展示横屏设计，多余的区域默认填充黑色
* 具体适配效果如下：

<table data-header-hidden><thead><tr><th width="213"></th><th></th></tr></thead><tbody><tr><td><img src="/files/O3lyM2R03R5ANVeqGzYz" alt=""></td><td><img src="/files/3kVfTPA1DZ60Co41LHAN" alt=""></td></tr><tr><td>横屏（仅设计横屏）</td><td>竖屏（空白区域默认填充黑色）</td></tr></tbody></table>

创建完成，即可进入项目进行编辑制作👉 [自由编辑器-使用指南](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan)


# 作品制作-重要提示⚠️

\#自由编辑器 #模板自由编辑 #空白制作

项目制作完成后，请在正式导出前，确认已完成设置【跳转应用商店】以及【上报试玩结束】 ！！！

⚠️<mark style="color:red;">若在项目导出前未设置【跳转应用商店】和【上报试玩结束】，则会弹出以下提示，无法导出作品。需设置完成后，再操作导出。</mark>

⚠️<mark style="color:red;">因为：若不设置【跳转应用商店】和【上报试玩结束】，会导致素材无法进行正常投放，或者会直接影响素材投放效果！</mark>

⚠️一般来说，可玩模板本身自带【跳转应用商店】和【上报试玩结束】设置，无需用户调整。但一旦对模板有事件改动，建议进行额外检查。

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

## <mark style="color:$primary;">⭐</mark><mark style="color:$primary;">跳转应用商店</mark>

在项目合适的位置，添加【跳转应用商店】这一响应事件，确保用户试玩时能顺利到达下载页面！

相关阅读： [/pages/6kk8hUFKuNmSl3CagArl#id-1.-tiao-zhuan-ji-mai-dian](https://doc.playturbo.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/pages/6kk8hUFKuNmSl3CagArl#id-1.-tiao-zhuan-ji-mai-dian "mention")

### 常用设置方法

#### **1. 下载按钮触发跳转**

玩家主动交互任意按钮跳转商店

* 在图层处 选中按钮或按钮组**图层**
* 点击【添加事件】并选择触发事件，如按下/点击
* 选择响应事件为【跳转应用商店】并保存

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

#### **2. 全屏幕触发跳转**

玩家在全屏范围内，交互任意地方跳转商店

* 选中需要让玩家跳转的**场景**
* 点击【添加事件】并选择触发事件，如按下/点击
* 选择响应事件为【跳转应用商店】并保存

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

#### **3. 定时触发跳转**

任何跟操作不相关的自动跳转商店<mark style="color:red;">（注意: 部分渠道规范 如Mintegral 不允许自动跳转行为，若您投放此类渠道，需注意定时跳转的延迟时长不应超过1s，否则在投放时跳转事件可能会被拦截，无法正常跳转至应用商店）</mark>

* 选中场景
* 点击【添加事件】并选择【定时触发】
* 设置执行延迟时间
* 选择响应事件为【跳转应用商店】并保存

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

## <mark style="color:$primary;">⭐</mark><mark style="color:$primary;">上报试玩结束</mark>

当前Vungle和Mintegral渠道，会要求可玩素材设置【上报试玩结束】，以确保素材内容流程完整，符合投放规范（其他渠道无硬性要求）。因此，<mark style="color:red;">若您的素材需要投放Vungle或Mintegral渠道，则需要在试玩结束的时候，设置【上报试玩结束】</mark>

相关阅读： [/pages/6kk8hUFKuNmSl3CagArl#id-1.-tiao-zhuan-ji-mai-dian](https://doc.playturbo.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/pages/6kk8hUFKuNmSl3CagArl#id-1.-tiao-zhuan-ji-mai-dian "mention")

### 常用设置方法

#### **1.直接勾选场景上报**

* 选中最后一个场景（通常为Ending页面）
* 在右侧【场景设置】下勾选【结束场景】即可

<mark style="color:red;">**注意：**</mark>在此处勾选【结束场景】，意味的是“一进入这个场景就会上报试玩结束”，而不是“等到试玩最后再上报试玩结束”。因此，<mark style="color:red;">当您的可玩项目仅有1个场景时，不建议直接勾选场景上报！请使用方法2！</mark>

相关阅读： [可玩导出&投放常见FAQ](/su-cai-dao-chu-tou-fang-xiang-guan-wen-dang/ke-wan-dao-chu-tou-fang-chang-jian-faq#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k-10)

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

#### **2.设置响应事件进行上报**

* 在试玩结束的时机，选中对应图层或场景
* 点击【添加事件】并选择触发事件，如按下/点击
* 选择响应事件为【上报试玩结束】并保存

通常，试玩结束的时机 = 跳转商店的时机

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


# 自由编辑器-使用指南

\#自由编辑器

初次使用自由编辑器，建议您先查阅👉 [作品制作-新建指南](/ke-wan-gong-ju-zi-you-bian-ji-qi/zuo-pin-zhi-zuo-xin-jian-zhi-nan)  [作品制作-重要提示⚠️](/ke-wan-gong-ju-zi-you-bian-ji-qi/zuo-pin-zhi-zuo-zhong-yao-ti-shi)


# 编辑页面分区介绍

\#自由编辑器

自由编辑器的编辑页面主要分为以下七个区域

（按编号顺序）

[顶部资产库](/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)

[场景区](/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/chang-jing-qu)

[图层区](/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/tu-ceng-qu)

[快捷操作区](/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/kuai-jie-cao-zuo-qu)

[参数设置区](/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)

[作品预览区](/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/zuo-pin-yu-lan-qu)

[项目操作栏](/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/xiang-mu-cao-zuo-lan)

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


# 顶部资产库

\#自由编辑器

<figure><img src="/files/aWclsKs3KK7Fq0JzkHxW" alt=""><figcaption><p>顶部资产库</p></figcaption></figure>

此区域通常用于导入或创建新的内容到作品中。

可分为以下六部分：

[项目资产](/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/xiang-mu-zi-chan)

[资产库](/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/zi-chan-ku)

[手势区域](/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/shou-shi-qu-yu)

[预设库](/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)

[全局变量](/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)

[玩法模板](/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/wan-fa-mu-ban)


# 项目资产

\#自由编辑器

入口：顶部资产库>>>项目资产

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

## <mark style="color:blue;">一、项目资产介绍</mark>

* 「项目资产」包含当前项目下的所有资产，包括已经添加到画布的资产和已上传未添加到画布的资产
* 所有已添加到画布的资产，会带有「已添加」的角标
* 您上传的个人资产、使用的公共资产，以及使用模板项目创建的ps项目中自带的资产，都会出现在「项目资产」列表中

<div align="left"><figure><img src="/files/mWaSU7p8rF8m2Fd4zsGj" alt="" width="414"><figcaption></figcaption></figure></div>

* 可通过右侧图标筛选项目资产的状态（已添加和未添加），帮助您更好地管理项目内的资产使用情况

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

## <mark style="color:blue;">二、上传资产的两条路径</mark>

### 1.本地上传

点击项目资产内的「本地上传」按钮，打开选择本地文件的弹窗，可多选文件添加进资源池

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

### 2.拖拽上传

拖拽本地文件至项目资产弹窗内或画布内，都可进行资产的添加

<div align="left"><figure><img src="/files/Z1KnPh93WMkGnX7MrfeW" alt="" width="233"><figcaption></figcaption></figure></div>

资产上传成功后，右下角弹窗会显示上传成功

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

## <mark style="color:blue;">三、项目资产的操作说明</mark> <a href="#jjwkg" id="jjwkg"></a>

### 1.添加资产到画布

点击「项目资产」对应资产右下角的「+」号，即可将资产添加到当前场景的画布中

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

### 2.替换资产

* 点击「项目资产」对应资产右上角的「...」号，选择替换资产
* 仅「已添加」的资产能够替换
* <mark style="color:red;">**替换后原资产关联的所有节点将被替换为目标资产**</mark>（若只想替换单独某个资产，可选中该资产节点，在右侧参数调整区进行替换）

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

#### 替换资产的两种方式

**1）本地上传**

若为「本地上传」，则跳出本地上传弹窗，要求选择本地符合格式要求的同类型资源进行上传并替换

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

**2）从资产库选用**

若为「从资产库选用」，则跳出弹窗，从「公共资产库」、「我的资产库」、「项目资产」中选择对应类型的资产进行替换

<div align="left"><figure><img src="/files/ubmgeoY0ruCz3dUeZfDc" alt="" width="484"><figcaption></figcaption></figure></div>

### 3.下载资产

点击「项目资产」对应资产右上角的「...」号，选择下载，即可将该资产下载到本地

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

### 4.裁剪资产

* 点击「项目资产」对应资产右上角的「...」号，选择裁剪/剪辑
* 裁剪图片资产时，在点击之后跳出裁剪弹窗，将图片裁剪为合适的尺寸和大小后，点击确定，将会新生成副本资产，并以该副本资产替换原资产
* 裁剪视频/音频资产时，在点击之后跳出剪辑弹窗，将视频/音频剪辑为合适的时长后，点击确定，将会新生成副本资产，并以该副本资产替换原资产

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

### 5.删除资产

* 点击「项目资产」对应资产右上角的「...」号，选择删除，将在项目资产中删除该资产
* <mark style="color:red;">**若该资产已经被添加到场景，则同时删除应用了该资产的所有节点**</mark>

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

## <mark style="color:blue;">四、各类资产的上传格式要求</mark>

「项目资产」下细分视频、音频、图片、动图 四种类别

<mark style="color:red;">温馨提示：若您在制作时，需要往项目内添加很多资产，建议在以下要求的文件大小的基础上，先在外部</mark><mark style="color:red;">**进一步压缩文件**</mark><mark style="color:red;">，尽量控制包体大小在对应渠道所要求的范围内!</mark> [包体预估](/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/zuo-pin-yu-lan-qu/bao-ti-yu-gu)[自由编辑器 - 下载&推送](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan/zi-you-bian-ji-qi-xia-zai-tui-song)

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

### 1.视频

* 格式：mp4
* **使用H.264编码**
* 大小要求：小于3M
* 尺寸建议不大于750\*1334
* 分辨率：建议低于1080P
* 帧率：不能低于20，建议20—30

### 2.音频

* 格式：mp3格式效果佳
* 大小要求：小于1M
* 比特率：128kbps以内

### 3.图片

* 格式：PNG，JPG
* 大小要求：小于1M

### <mark style="color:red;">4.序列帧</mark>

* 包含多个**png**的**zip**格式 <mark style="color:red;">(zip压缩包内只能包含1个文件夹</mark> <mark style="color:red;"></mark><mark style="color:red;">**或**</mark> <mark style="color:red;"></mark><mark style="color:red;">直接包含多个png文件)</mark>
* **PNG命名限制**：命名仅支持字母、数字、下划线，且不能出现空格；同时需以数字结尾，且数字要按顺序进行编号
* **文件大小限制**：最大8MB（建议1-2MB，若有多个序列帧资源 建议压缩到更小）
* 上传后可在右侧参数调整区拖动调整序列帧的顺序

### 5.龙骨

* 包含2个json文件+1个png的zip格式
* 文件大小限制：小于1M+
* 龙骨内的资源网格需要关闭

*需注意：Playturbo 目前<mark style="color:red;">不支持  Spine 格式</mark>的动画文件上传。这是因为 Spine 的动画结构和我们平台所支持的格式差异较大，处理逻辑无法兼容。同时也不建议将 Spine 项目直接转换为龙骨格式上传，这种方式可能导致动画表现异常。 因此，若您想上传动画素材，**建议您使用 龙骨 或 序列帧**。*

👉推荐阅读： [资产问题](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-faq/zi-chan-wen-ti)  [制作技巧-资产相关](/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-zi-chan-xiang-guan)


# 资产库

\#自由编辑器

入口：顶部资产库>>>资产库

<figure><img src="/files/55XGTP4DQSTSv1Yzz0lp" alt=""><figcaption></figcaption></figure>

## <mark style="color:$primary;">一、公共资产库</mark>

当缺乏素材资产时，可以直接从「公共资产库」中选取使用

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

### 什么是「公共资产库」 <a href="#u2e491569" id="u2e491569"></a>

* 区别于个人资产
* 公共资产库为用户提供多种类、可复用的公共资产

### 「公共资产库」的分类

公共资产的类型包括：图片资产、动图资产、背景音乐资产、音频资产、粒子资产

#### 1.图片

* 包含六类资产：进度条、箭头、UI、手指、背景图、按钮

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

#### 2.动图

* 包含四类资产：表情包、特效、手指、按钮

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

#### 3.背景音乐

* 包含九类不同情绪的音乐资产：安静、紧张、进取、滑稽、轻快、悲伤、恐怖、悬念、治愈

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

#### 4.音频

* 包含四类资产：功能音效、环境音效、战斗音效、角色音效

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

#### 5.粒子

* 包含四类资产：人物特效、界面特效、技能特效、场景特效

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

### 「公共资产库」的相关操作

对公共资产库可以进行以下操作：搜索资产、筛选资产、添加资产

以图片资产为例：

#### 1.搜索资产

* 可在搜索框内输入资产名字，对公共资产进行搜索

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

#### 2.筛选资产

* 点击搜索框内的筛选按钮，即可按照该类型资产的相关标签分类进行资产的快速筛选

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

#### 3.添加资产

* 点击目标资产右下角的【+】按钮，即可将资产成功添加、显示在当前场景中

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

## <mark style="color:$primary;">二、我的资产库</mark>

「我的资产库」即个人资产库，在作品中上传过的个人资产，都会存储在「我的资产库」中，方便不同场景二次调用

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

### 「我的资产库」的分类

「我的资产库」中包含以下类型资产：图片资产、动图资产、视频资产、音频资产

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

### 「我的资产库」的相关操作

对「我的资产库」可以进行以下操作：浏览所有资产、添加资产

#### 1.浏览所有资产

* 点击右侧图标浏览所有资产，出现「我的资产库」弹窗

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

* 可根据不同维度筛选、查找您所需的资产
* 勾选目标资产，点击确认，即可将资产成功添加、显示在当前场景中

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

#### 2.添加资产

* 以图片资产为例：点击目标资产右下角的【+】按钮，即可将资产成功添加、显示在当前场景中

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


# 手势区域

\#自由编辑器

入口：顶部资产库>>>手势区域

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

## 手势区域是什么

* 一个特定的矩形区域，在预览时不会显示
* 专门用于添加交互事件，简单来说，在手势区域图层上添加事件，手势区域所覆盖的范围，就是事件生效的区域
* 将事件与元素分离，便于后期事件的维护修改

<figure><img src="/files/9DTGgwTICvgWgVFuSCv4" alt=""><figcaption></figcaption></figure>

## 手势区域的相关操作

### 1.添加手势区域

* 在【顶部资产库】点击手势区域图标即可成功添加一个手势区域
* 可多次点击添加多个手势区域

### 2.编辑手势区域

* 可在【参数设置区】通过数值调整手势区域的位置大小
* 也可在【作品预览区】直接拖拽调整位置大小

### 3.复制/粘贴手势区域

* 可在【快捷操作区】点击进行复制/粘贴
* 也可在【图层区】右键进行复制/粘贴的操作

### 4.删除手势区域

* 在【图层区】右键选择删除图层，即可删除手势区域

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

手势区域相关参数设置，可查阅： [外观-图层参数](/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/wai-guan-tu-ceng-can-shu)


# 预设库

\#自由编辑器

入口：顶部资产库>>>预设库

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

## <mark style="color:blue;">一、关于预设库</mark>

* Playturbo将一些实用的、常用的内容(如操作指引、结束页)编辑成预设，以便您在制作时可以将其添加到自己的项目中，直接使用，快速提高制作效率！
* 预设通常包含资产的排版、外观参数、动画参数，暂不支持事件参数哦
* 各类预设不定期更新，可随时查看使用！每个预设的制作方式及具体参数设置可在添加后查看，这可以作为教学供您参考学习
* 当您要添加使用预设时，预设并非被添加到当前场景，而是会新增一个带有该预设的新场景。因此，<mark style="color:red;">**对于预设的使用，我们有2点建议：**</mark>
  * **a.在开始制作时，已经决定使用预设：**&#x6DFB;加所需预设 - 在预设所在的场景继续搭建其他资源 - 完成该场景的制作
  * **b.制作中途决定使用预设：**&#x6DFB;加所需预设 - 复制预设中图层的参数 - 粘贴到对应的场景或图层 - 删除预设及所在场景

## <mark style="color:blue;">二、添加预设</mark>

* 点击「预设库」，将出现「预设库」窗口
* 每种类型的预设默认展示6个，可点击「全部」按钮，展示该类别下的所有预设
* 也可通过搜索或筛选标签的方式，快速查找所需预设
* 点击「+」号，该预设就会作为场景加入到项目中，可以进一步编辑该场景

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

## <mark style="color:blue;">三、预设类别</mark>

当前共有“玩法功能”“页面布局”“操作指引”“即时反馈”四种类型的预设

### 1、玩法功能

包含：循环播放、进度条、倒计时相关预设

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

### 2、页面布局

包含：产品信息、奖励结算、胜利结算、失败结算相关预设

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

### 3、操作指引

包含：摇杆、选择、滑动、长按、点击相关预设

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

### 4、即时反馈

包含：错误、正确相关预设

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


# 全局变量

\#自由编辑器

入口：顶部资产库>>>全局变量

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

## <mark style="color:blue;">一、全局变量是什么</mark>

* 一种特殊的事件参数，可以在**所有场景**中被调用，即跨场景使用（常规事件仅可在当前场景使用）
* 添加全局变量后，在各个场景通过判断全局变量当前的值，来触发所需的响应事件
* 全局变量的值可以是数值、文本、布尔值（真或假）
* 通常会在我们制作**玩法相对复杂**的素材时，若需要设置大量事件或根本无法通过常规事件实现，全局变量就可以帮助我们<mark style="color:red;">将复杂的制作简单化</mark>

####

## <mark style="color:blue;">二、全局变量使用操作</mark>

简单来说，我们通常需要**3**个步骤就能完成一个全局变量的输出：

* 添加全局变量，根据实际需求设置变量类型（数值/文本/布尔值）
* 添加条件判断，来实现“只有当该条件成立时，才触发对应的响应事件”
* 添加响应事件

下面，我们依次展开详细介绍

### 1.添加【全局变量】

1）新增变量：点击【全局变量】-【添加变量】

2）对新增变量进行设置

* 名称：输入变量名称（自定义）
* 变量类型：选择数据类型，包括【数值】【文本】【布尔值】
* 初始值：根据选择的变量数据类型输入初始值（初始值可以为任意值）
* 描述：输入变量描述（非必填）

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

**附：变量类型表**

<table><thead><tr><th width="237">图标</th><th width="97">变量类型</th><th width="136">说明</th><th>操作说明</th></tr></thead><tbody><tr><td><img src="/files/Eo8nZMmaKnecCZszyFA2" alt=""></td><td><strong>数值</strong></td><td>可输入任意数字作为初始值</td><td><p></p><ul><li>一般用于计算，包括大小判断和加减乘；</li><li>变量等于不同的值时，可以触发不同的行为；</li><li><mark style="color:red;">如，点击某个元素，参数变量根据点击次数进行累加，累加不同的值，可以分别触发不同的行为。</mark></li></ul></td></tr><tr><td><img src="/files/utUBgwvEIbzVLbTJh8Ig" alt=""></td><td><strong>文本</strong></td><td>可输入任意文本作为初始值</td><td><p></p><ul><li>用于传递文本属性的值，可以将用户输入的文本赋值给参数，结合条件执行判断。</li></ul></td></tr><tr><td><img src="/files/iiMQQQGaAj6OKsj7amM9" alt=""></td><td><strong>布尔值</strong></td><td>可选择【true】或【false】两种状态作为初始值</td><td><p></p><ul><li>用于传递布尔值，可以将用户选择的布尔值给参数，结合条件执行判断。</li></ul></td></tr></tbody></table>

### 2.添加【条件判断】 <a href="#vikk1" id="vikk1"></a>

1）条件判断即对事件添加一个约束条件，当该条件成立时事件生效，否则不触发该事件

2）条件判断可以**作为一个触发事件直接添加**，也可以**添加于其他任意触发事件之上：**

* 直接添加【条件判断】事件：在场景中实时触发响应事件，即当条件判断成立时，响应事件会立刻触发；
* 在其他触发事件之上，添加【条件判断】事件：在场景中，当触发事件（如：点击）发生时，才会触发响应事件；

<table><thead><tr><th width="246">类型</th><th>操作步骤</th><th>图片</th></tr></thead><tbody><tr><td>直接添加【条件判断】事件</td><td><p></p><ul><li>点击添加事件</li><li>选择条件判断</li><li>添加条件：选择全局变量、判定方式、对比变量类型、对比数值</li><li>选择完毕后勾选<img src="/files/oL4mR3i3MOTEo7cKZfYC" alt="">即可成功添加【条件判断】事件</li></ul></td><td><img src="/files/IRNtz5BQhOssjOprv7gw" alt=""><img src="/files/cf7ygEV1XWPQ1UxAqWVx" alt=""></td></tr><tr><td>在其他触发事件之上，添加【条件判断】事件</td><td><p></p><ul><li>点击触发事件旁的【条件判断】</li><li>添加条件：选择全局变量、判定方式、对比变量类型、对比数值</li><li>选择完毕后勾选<img src="/files/oL4mR3i3MOTEo7cKZfYC" alt="">即可在其他触发事件之上，添加【条件判断】事件</li></ul></td><td><img src="/files/pFt9wfftLqRAmEYExAhm" alt=""><img src="/files/MdYGVpPC3ElBNUi4sUQF" alt=""></td></tr></tbody></table>

**附：条件判断参数表**

<table><thead><tr><th width="261">图标</th><th width="153.33333333333331">参数名称</th><th>操作说明</th></tr></thead><tbody><tr><td><img src="/files/q7YRy4cuCSdPIxolH7Io" alt=""></td><td><strong>全局变量</strong></td><td><p></p><ul><li>选择已有的全局变量进行条件判断</li></ul></td></tr><tr><td><img src="/files/xMq2NLxk8mX3CZCLlmwP" alt="">      <img src="/files/z3PsFIbgUfo6Ndw74URC" alt="" data-size="original"></td><td><strong>判定方式</strong></td><td><p></p><ul><li>当全局变量为数值时，可以对变量进行大小对比或相等判定（如左图）；</li><li>当全局变量为文本或布尔值时，仅可以对变量进行相等判定，即等于或不等于（如右图）；</li></ul></td></tr><tr><td><img src="/files/d3kld0sGmhuXgWrmnCOJ" alt=""></td><td><strong>对比变量类型</strong></td><td><ul><li>可选择【当前全局变量的参数类型】或其他【全局变量】进行对比判定</li></ul></td></tr><tr><td><img src="/files/7Uqrhs6M4mLp3Lj0oW71" alt=""><img src="/files/klNy5sKtr5ClxaO95vId" alt=""><img src="/files/mSwbC0H6AoQ9RISn1Dw7" alt=""></td><td><strong>对比数值</strong></td><td><ul><li>根据当前全局变量参数类型输入需要对比的同类数值。如，当前条件判断为布尔值变量，则对比数值只能是布尔值。</li></ul></td></tr></tbody></table>

### 3.添加【响应事件】 <a href="#jctij" id="jctij"></a>

**响应事件可对已添加的变量进行【赋值】，也可触发【其他响应事件】；**

* 【赋值】：对变量进行赋值运算，改变变量值，从而触发不同的条件判断；
* 【其他响应事件】：触发如“点击”、“跳转下一场景”等其他响应事件；

<table><thead><tr><th width="192">类型</th><th>操作步骤</th><th>图片</th></tr></thead><tbody><tr><td>【赋值】</td><td><p></p><ul><li>添加响应事件</li><li>选择【赋值】</li><li>选择全局变量、运算方法、运算数，点击保存即可</li></ul></td><td><img src="/files/1Gy8irWtCkcmA32fC2tC" alt=""><img src="/files/OFndSJ5wEy1v4i8BNjgs" alt=""></td></tr><tr><td>【其他响应事件】</td><td><p></p><ul><li>在【条件判断】下直接添加响应事件</li><li>选择响应事件即可</li></ul></td><td><img src="/files/OXYqnyRHynqlsZcXyeAK" alt=""></td></tr></tbody></table>

**附：响应事件-赋值参数表**

<table><thead><tr><th width="266.3333333333333">图标</th><th width="144">参数名称</th><th>说明</th></tr></thead><tbody><tr><td><img src="/files/xy0Kfvc85Dpw21UDxGjY" alt=""></td><td><strong>全局变量</strong></td><td><p></p><ul><li>选择已有的全局变量进行赋值；</li></ul></td></tr><tr><td><img src="/files/03DVZek6PUmQPZM2uyVI" alt=""><img src="/files/V8ld8xvUs9vr8mW5WU2k" alt=""></td><td><strong>运算方式</strong></td><td><p></p><ul><li>当全局变量为数值时，可以对变量进行自由的加减乘除运算（如图1）；</li><li>当全局变量为文本或布尔值时，仅可以对变量进行相等判定（如图2）；</li></ul></td></tr><tr><td><img src="/files/rTYlz5jrHzFdIPQpCzK1" alt=""></td><td><strong>运算数</strong></td><td><p></p><ul><li>可选择【当前全局变量的参数类型】或其他【全局变量】进行运算；</li></ul></td></tr><tr><td><img src="/files/ai7nJ39ZOKMQnFTHxrdV" alt=""><img src="/files/YbE5zd3TQ7BvTYEdfCmX" alt=""><img src="/files/nEWZz5RP1AnogK5rjTxw" alt=""></td><td><strong>运算数值</strong></td><td><p></p><ul><li>根据当前全局变量参数类型输入需要运算的同类数值。如，当前条件判断为布尔值变量，则对比数值只能是布尔值；</li></ul></td></tr></tbody></table>

### 4.补充：添加多个【条件判断】 <a href="#xeoln" id="xeoln"></a>

当一个场景需要同时添加多个条件判断时，存在“并且（and）”和“或（or）”的关系：

* 并且（and）：符合所有条件时，触发响应事件；
* 或（or）：符合任意一个条件时，触发响应事件；

<table><thead><tr><th width="148">类型</th><th width="344">操作步骤</th><th>图片</th></tr></thead><tbody><tr><td>并且（and）</td><td><p></p><p></p><ul><li>在已有条件判断中添加其他条件</li><li>+添加条件，选择全局变量、判定方式、对比变量类型、对比数值</li><li>勾选保存即可</li></ul></td><td><img src="/files/K6mE8EUPyCZpQppT9iDK" alt=""><img src="/files/M9QVZlDbryjfFSgyO6Ab" alt=""><img src="/files/5DtYojkqenlUSpb1HRp3" alt=""></td></tr><tr><td>或（or）</td><td><p></p><ul><li>新增一个条件判断</li><li>+条件判断，选择全局变量、判定方式、对比变量类型、对比数值</li><li>勾选保存即可</li></ul></td><td><img src="/files/x01OAeVWQX2CqDQmhD52" alt=""><img src="/files/e6lPPYtfc6xvpZrvxHbg" alt=""><img src="/files/FE4baeS6otZzNdU6Cx0Z" alt=""></td></tr></tbody></table>

####

## <mark style="color:blue;">三、应用场景举例</mark>

了解了全局变量及其操作步骤，我们再来举两个例子，来深入学习全局变量

### 1.限制试玩交互次数

当我们想要限制试玩的交互次数，如点击视频3次后，必须跳转商店：

* 普通事件：设置复杂；
* 全局变量：简单3步快速实现

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

### 2.多选项指向不同结果

当我们在制作例如三选一玩法的素材时，想要玩家点击不同的按钮选项展示不同的内容时：

* 普通事件：将会用到4个场景，事件量也成倍增加；
* 全局变量：压缩场景至2个，事件量大大减少

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

通过以上两个例子，我们不难看出：<mark style="color:red;">使用全局变量，可大大减少场景数量和响应事件量，避免重复的制作步骤，提高制作效率。</mark>

⭐**相关阅读：** [制作技巧-事件设置](/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-jian-she-zhi)

####

## 四、全局变量功能教学视频

点击跳转，查看详细案例讲解👉 [《换装搭配》空白制作教程](/playturbo-an-li-jiao-xue-ji-di/ke-wan-zi-you-bian-ji-qi-an-li/zhuang-ban-wan-fa-an-li/huan-zhuang-da-pei-kong-bai-zhi-zuo-jiao-cheng)

{% embed url="<https://mmp-cdn.rayjump.com/res_store/1863758/646dd95fc8ac1.mp4>" %}


# 玩法模板

\#自由编辑器 #模板自由制作

入口：顶部资产库>>>玩法模板

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

## <mark style="color:blue;">一、玩法模板是什么？</mark>

### 1.通俗介绍

* 【玩法模板】是放置核心布局、核心资产的区域
* 该区域通常由开发制作，核心的玩法逻辑由代码控制，因此建议您在合理范围内对玩法模板进行调整，以免项目报&#x9519;**（具体调整自由度可查阅** [模板自由编辑需知](/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#yi-tiao-zheng-zi-you-du-xu-zhi)**）**
* 可在【玩法模板】内对核心资产进行替换 或 对快捷布局进行调整

### 2.包含模块

玩法模板包含两个模块：组件库、玩法模版

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

* **组件库：**&#x653E;置各类组件的区域。<mark style="color:orange;">在【模板自由制作】和【空白制作】都可使用</mark>（具体包含的组件可查阅 [特殊功能:组件库&快捷排版](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan/te-shu-gong-neng-zu-jian-ku-kuai-jie-pai-ban)）
* **玩法模板：**&#x653E;置核心资产、特殊功能布局的区域。<mark style="color:orange;">仅出现在【模板自由制作】中</mark>
  * 玩法编辑：通用的 / 各种玩法的模板中都可能会有（相关内容可查阅 [可玩模板最新资讯](/ke-wan-mu-ban-zui-xin-zi-xun)）
  * 快捷布局：特殊的 / 存在于消除、拼图、停车解密类玩法的模板

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

## <mark style="color:blue;">二、玩法模板支持的操作</mark>

### 1.组件库

因各类组件适用的玩法不同，支持调整的内容也不同。具体内容可查阅 [特殊功能:组件库&快捷排版](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan/te-shu-gong-neng-zu-jian-ku-kuai-jie-pai-ban)

### 2.玩法编辑

#### 2.1 【替换】资产

* 进入玩法编辑：顶部资产库>>>玩法模板>>>玩法编辑
* 在图层区选中想要替换的资产，点击右侧参数设置区【替换】。可从图片库、我的资产库、项目资产、本地上传四种渠道选择资产替换
* 替换完成后，如有需要，可对图层的位置大小进行简单调整
* 调整完毕点击【保存】，然后【返回项目编辑】即可

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

#### 2.2 <mark style="color:red;">其他操作不建议，否则可能会报错</mark>

（具体调整自由度可查阅 [模板自由编辑需知](/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#yi-tiao-zheng-zi-you-du-xu-zhi)）

### 3.快捷布局

因模板的玩法不同，当前快捷布局包含**棋盘布局**和**停车解密布局**

#### 3.1 棋盘布局

* 存在于部分消除/拼图/涂色类玩法的模板中
* 支持调整网格布局、元素布局、替换网格背景、元素图片
* 功能介绍： [快捷排版-棋盘布局](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan/te-shu-gong-neng-zu-jian-ku-kuai-jie-pai-ban/kuai-jie-pai-ban-qi-pan-bu-ju)
* 案例教学： [棋盘布局-模板自由编辑](/playturbo-an-li-jiao-xue-ji-di/ke-wan-zi-you-bian-ji-qi-an-li/xiao-chu-pi-pei-wan-fa-an-li/qi-pan-bu-ju-mu-ban-zi-you-bian-ji)

#### 3.2 停车解密布局

* 存在于停车解密类玩法的模板中
* 支持调整背景及道路、布局元素、出口
* 功能介绍： [快捷排版-停车解密布局](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan/te-shu-gong-neng-zu-jian-ku-kuai-jie-pai-ban/kuai-jie-pai-ban-ting-che-jie-mi-bu-ju)
* 案例教学： [停车解密布局-模板自由制作](/playturbo-an-li-jiao-xue-ji-di/ke-wan-zi-you-bian-ji-qi-an-li/ting-che-jie-mi-wan-fa-an-li/ting-che-jie-mi-bu-ju-mu-ban-zi-you-zhi-zuo)

<mark style="color:red;">Tips：在【可玩模板】界面点击【快捷排版】，即可快速筛选出支持</mark><mark style="color:red;">**快捷布局**</mark><mark style="color:red;">功能的模板哦！</mark>

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


# 场景区

\#自由编辑器

<figure><img src="/files/4dILijzNRifqgamw5br1" alt=""><figcaption><p>场景区</p></figcaption></figure>

场景区用于展示和放置广告项目的流程划分情况，同时也用来储存不同场景的图层内容。可玩广告是由一个个场景拼接而成的。

而场景，我们可以将其理解为PPT，每个场景就是一页PPT，里面储存了不同类型的资产，然后通过简单的「拖拉拽」操作（即事件设置），实现可玩广告制作。

**场景区包括两部分**：

* 全局设置：包含全局场景和全局设置
* 场景：我们也可以称此区域为“普通场景”，展开后有n个场景缩略图


# 全局设置

\#自由编辑器

入口：场景区>>>全局设置

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

## 全局设置简单介绍

【全局设置】的是贯穿全部场景都会用到的素材，<mark style="color:red;">**在全局设置下，只需更改一项内容，就可更改所有场景的设计。也就是说，在全局设置下添加的任何资产，都会显示在每一个场景中。**</mark>

## 全局设置包含两个模块：全局场景、全局设置

**1.全局场景：**&#x53EF;添加图片、文本、音效、特效等各类资产。通常，这里添加的是产品信息和常驻下载按钮

&#x20;说明：全局场景也可不添加任何内容

**2.全局设置：**&#x5305;括背景音乐、背景图片、背景颜色、语言版本

相关操作可查看[全局设置](/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)

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

## 温馨提示

建议在制作前，预先添加和设置全局素材，为整体设计定下基调&#x20;

<figure><img src="/files/Ot3tuwD7dcxWwWG86v9L" alt=""><figcaption><p>左侧绿框：全局场景             右侧绿框：全局设置</p></figcaption></figure>


# 普通场景

\#自由编辑器

入口：场景区>>>场景（我们也可称为普通场景）

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

## 普通场景简单介绍

【普通场景】展开后有n个场景缩略图，<mark style="color:red;">**在普通场景下添加/更改的内容，只对当前场景生效**</mark>

## 普通场景相关操作

### 1.新建场景

**1）方法 1**

* 点击场景面板右侧的“+”按钮
* 将在当前场景后面新增一个场景
* 场景名称默认为“New\_scene”，可编辑重命名

**2）方法 2**

* 点击选中任一场景缩略图，鼠标右键单击
* 点击弹窗“新建场景”文字按钮，将在当前场景后面新增一个场景
* 场景名称默认为“New\_scene”，可编辑重命名

![](/files/Dq1qFafr7trjzjrotT3x)

### 2.复制场景

* 点击选中任一场景缩略图
* 鼠标右键单击
* 点击弹窗“复制场景”文字按钮，则会在当前场景后面复制一个新的场景
* 新场景名称默认为“原名称\_copy”，可编辑重命名

<div align="left"><figure><img src="/files/L2Lz7omI03YkvMv2mrlu" alt="" width="189"><figcaption></figcaption></figure></div>

### 3.重命名

**1）方法 1**

* 将鼠标移动到场景名称范围内，就会出现【小铅笔】图标
* 点击【小铅笔】图标，即可修改名称

**2）方法 2**

* 点击选中需要修改名称的场景缩略图
* 双击场景名称，即可修改名称

**3）方法 3**

* 点击选中需要修改名称的场景缩略图
* 鼠标右键单击，点击弹窗【重命名】文字按钮，即可修改名称

![](/files/EZHeqkMpM9I24kGZTJq1)   ![](/files/xTx7gTWMusb0Fh0vfoWd) ![](/files/2dWOTrNkFGdeTgvgDZSh)

### 4.删除场景

* 点击选中需要删除场景缩略图
* 鼠标右键单击，点击小弹窗【删除场景】文字按钮，就会出现二次确认删除的弹窗
* 点击【确认】按钮，当前场景便会被删除
* 误删时，可以通过【Ctrl+Z】或【撤回】按钮来撤回操作

![](/files/mxAghutttuBr59mXxKkO)   ![](/files/aFncybd8EH9deuxpwlgp)

## 普通场景划分建议

在制作之初，建议提前规划好需要制作多少个场景，每个场景的任务是什么。

通常来说，我们建议：

* 固定步骤：每个步骤1个场景
* 有一定的自由度：核心玩法放1个场景，结束页单独1个场景

👉推荐阅读： [制作技巧-场景制作](/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-chang-jing-zhi-zuo)


# 图层区

\#自由编辑器

一个场景，由一个个资产堆砌而成，一个资产即为一个图层。

图层区展示**当前场景**下的全部资产内容及其类型，一般来说，我们将这些资产划分为以下三种类型：

* 普通资产：包含图片、文本、序列帧、龙骨、粒子、手势区域、组节点
* 视频资产：视频
* 音频资产：包含背景音乐与音效

<figure><img src="/files/wYLuzdTzWLj8cMAsShDs" alt=""><figcaption><p>图层区</p></figcaption></figure>

## <mark style="color:blue;">一、图层展示逻辑</mark>

* 图层面板排序逻辑与画布展示逻辑一致，最上面的图层元素展示在画布最顶层
* 图层模块排序（由上到下）：普通资产>>视频资产>>音频资产
* <mark style="color:red;">视频图层默认位于所有图层的下方</mark> (除背景图片和背景颜色)，且不可移动

👉相关阅读：  [作品预览区](/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/zuo-pin-yu-lan-qu#hua-bu-de-ji-ben-cao-zuo)  [/pages/CYcfFqHNF4f0OXUybMas#id-4.-shi-pin-shi-pei-te-shu-xu-qiu](https://doc.playturbo.cn/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/pages/CYcfFqHNF4f0OXUybMas#id-4.-shi-pin-shi-pei-te-shu-xu-qiu "mention")

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

## <mark style="color:blue;">二、图层支持的操作</mark>

## 1.调整图层顺序

### **1）方法1**

* 直接在图层面板中拖拽图层，即可调整顺序
* 拖拽方式支持在【普通资产】模块的任意层移动
* 视频资产与音频资产不可拖拽调整

### **2）方法2**

* 在图层面板中，点击选中需要调整顺序的图层
* 点击快捷操作区-图层顺序图标进行调整
* 快捷操作只支持置于顶层/置于底层/上移一层/下移一层4种移动方式

## 2.图层编组/解除编组

将多个资产编组后，对该组内资产的位置大小进行统一操作，或对该组增加动画事件等

<mark style="color:blue;">👉相关阅读：</mark> [制作技巧-资产相关](/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-zi-chan-xiang-guan#yi-zi-chan-bian-zu)

### 1）如何进行图层编组

* 若对单个图层编组，可直接选中图层，点击编组按钮即可
* 若对多个图层编组，则需按住ctrl键，选择多个图层，再点击编组按钮

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

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

* 当不选中任何图层时，点击编组按钮，可生成一个默认方形大小居中的组图层。此时，可自定义编辑组的位置、大小，编辑完成后再将所需资产拖进组内即可

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

### 2）如何进行图层解组

* 选中该组图层
* a.鼠标右键单击，调起小弹窗，选择“解除编组”文字按钮，即可完成解组

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

* b.或在快捷操作区点击【解除编组】按钮

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

## 3.复制/粘贴图层

### **1）方法1**

* 选中需要复制的图层
* 鼠标右键单击，调起小弹窗，选择“复制图层”文字按钮
* 右键单击，调起小弹窗，选择“粘贴图层”文字按钮，即可完成图层的复制粘贴
* *名称默认为“原名称\_copy”*
* *只支持图层本身的复制粘贴*

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

### **2）方法2**

* 选中需要复制的图层
* 点击快捷操作区快捷复制按钮
* 点击快捷操作区粘贴按钮，调起小弹窗
* 选择粘贴方式，即可完成图层的快速复制粘贴
* *支持快速复制图层，快速粘贴图层外观/位置大小/动画/事件/图层本身五种属性*

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

## 4.删除图层

* 选中需要删除的图层
* 鼠标右键单击，调起小弹窗
* 点击选择“删除图层”文字按钮，即可成功删除图层

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

## 5.锁定/解锁图层

* 将鼠标悬停到需要锁定的图层上，该图层会出现解锁状态的<img src="/files/hEVs12EfXZRLrgMiNgYk" alt="image.png" data-size="line">图标
* 点击该图标即可进行锁定，<img src="/files/xxI1nZchViRT9MnX0s19" alt="image.png" data-size="line">图标变成<img src="/files/YPbb7LqSpvTDabZLgUJk" alt="image.png" data-size="line">图标
* 点击已锁定图标，即可进行图层解锁
* *图层默认不锁定；当图层锁定时，图层在画布中无法被选中编辑*
* *锁定适用情况：多个场景同时存在，并且位置尺寸无需再被调整的元素*

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

## 6.隐藏/显示图层

* 将鼠标悬停到需要隐藏的图层上，该图层会出现显示状态的<img src="/files/XjumWpBSxMFrjtzv5GY0" alt="image.png" data-size="line">图标
* 点击该图标即可进行隐藏，<img src="/files/GwlzWApNOL8Hj9nsh0Cg" alt="image.png" data-size="line">图标变成<img src="/files/QCCDNaUbSFPbvygP9YIh" alt="image.png" data-size="line">图标
* 若需显示图层，点击已隐藏图标，即可将图层设置为显示状态
* *元素默认显示状态*
* *当元素隐藏时，图层在画布中不显示，可以通过事件设置让隐藏的图层显示出来（例如：双击后出现彩带礼花）*

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

## 7.图层颜色

* 选中图层，右键可为图层设置颜色
* 主要用于图层&事件数量较多时，对图层进行分类，方便查找/编辑

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

## 8.动画icon

* 图层默认无动画，图标为 ![](/files/kx9Hy7I2YerzOX9JRTcr)
* 当图层添加动画后，图标自动高亮为 ![](/files/28q0iKRWttLwblSVrQS4)；点击图标可快捷切换到该图层的“动画”参数栏，方便查看&调整

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

## 9.事件icon

* 图层默认无事件，图标为<img src="/files/T5cE6Pot8aeY2zxqESOZ" alt="image.png" data-size="line">
* 当图层添加事件后，图标自动高亮为<img src="/files/n2oDjde54KIP83GZiuAd" alt="image.png" data-size="line">；点击图标可快捷切换到该图层的“事件”参数栏，方便查看&调整

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

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


# 快捷操作区

\#自由编辑器

<div align="left"><figure><img src="/files/bDGy5V6n3DGZaxEnDvfi" alt=""><figcaption><p>快捷操作区</p></figcaption></figure></div>

快捷操作区支持：图层顺序调整、组合、解除编组、复制、粘贴、撤回、重做

## **1.图层顺序调整**

* 在图层区选中需要调整顺序的图层
* 点击快捷操作区-图层顺序图标进行调整
* 快捷操作只支持置于顶层/置于底层/上移一层/下移一层4种移动方式

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

图层顺序更多内容请移步[图层区](/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/tu-ceng-qu)进行查看

## 2.组合

* 在图层区选中需要组合的图层
* 点击快捷操作区-组合图标进行组合

## 3.解除编组

* 在图层区选中需要解除编组的图层组
* 点击快捷操作区-解除编组图标进行解组

图层组合/解除编组的更多内容请移步[图层区](/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/tu-ceng-qu)进行查看

## 4.复制/粘贴

* 在图层区选中需要复制/粘贴的图层
* 点击快捷操作区-复制/粘贴图标进行复制/粘贴
* 支持分别粘贴图层的外观、位置大小、动画、事件、图层本身五种属性

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

图层复制/粘贴的更多内容请移步[图层区](/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/tu-ceng-qu)进行查看

## 5.撤回/重做

制作过程中，当出现意外操作、编辑效果不满意等情况时，可进行撤回/重做操作

* 点击快捷操作区的撤回/重做按钮，即可成功撤回/重做操作
* 按【Ctrl+Z】也可撤回操作
* 注意：撤回和重做支持回溯次数：50次


# 参数设置区

\#自由编辑器

参数设置区是调整场景和图层参数的区域

<figure><img src="/files/MPZI09aoEQfF7TYphHI0" alt=""><figcaption><p>参数设置区</p></figcaption></figure>

<mark style="color:red;">**说明：**</mark>

* 点击左侧**不同的场景**（全局设置/普通场景），右侧显示出的参数内容也不同（例如有全局设置、场景设置、事件、玩法参数）
* 点击左侧**不同的图层**（即不同类型的资产），右侧显示出的参数内容也会不同（例如有外观、动画、事件，不同类型资产的外观参数也有所不同）
* 同时一些我们常见的横竖屏适配问题（适配规则/适配方式）也会在参数设置区这里进行调整

因此，本区域我们将展开对不同的参数一一进行介绍，并备注其所属的场景或图层（"通用"即是点击场景或图层都有该参数）

<figure><img src="/files/S2LIVO3i3HmsTANLnZuG" alt=""><figcaption><p>分场景 分图层，参数也不同</p></figcaption></figure>


# 全局设置

全局设置参数&全局场景的图层参数（少部分模板在此处可能包含玩法参数）

全局设置&全局场景 添加的是贯穿全部场景都会用到的资源，包括【背景音乐】【背景图片】【背景颜色】【语言版本】及常驻产品信息等

💡建议在开始制作时，预先添加和设置全局素材，为整体设计定下基调！

**全局设置：** [背景常驻内容调整](/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/bei-jing-chang-zhu-nei-rong-tiao-zheng)  [多语言配置与智能翻译](/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)

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

**全局场景：**&#x53C2;数使用同 [外观-图层参数](/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/wai-guan-tu-ceng-can-shu) [动画-图层参数](/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/dong-hua-tu-ceng-can-shu) [事件-通用参数](/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/shi-jian-tong-yong-can-shu)

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


# 背景常驻内容调整

全局设置参数&全局场景的图层参数

背景常驻内容包含背景音乐、背景图片、背景颜色

<figure><img src="/files/9gCgMBPBq1gEXdEecTMi" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">1.背景音乐</mark>

### 1）添加背景音乐

* 点击选中【全局设置】侧边导航
* 在全局设置属性面板中，点击背景音乐右侧的“+”号按钮
* 弹出面板，支持从【背景音乐库】、【我的资产库】、【项目资产】、【本地上传】四种渠道添加背景音乐
* 点击“+”号按钮即可成功设置背景音乐

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

### 2）补充说明

* 【背景音乐库】支持从公共资源库中搜索、筛选、试听、添加背景音乐
* 【我的资产库】支持从我的资产库中搜索、筛选、试听、添加背景音乐
* 【项目资产】支持从当前项目的音频文件中选择添加背景音乐
* 【本地上传】支持从本地上传音频文件后添加为背景音乐
* 删除背景音乐：点击右侧的删除按钮，当前背景音乐素材便会被删除

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

## <mark style="color:blue;">2.背景图片</mark> <a href="#tafiu" id="tafiu"></a>

注：在【全局设置】添加的背景图片默认位于所有图层最底部

### 1）添加背景图片 <a href="#tafiu" id="tafiu"></a>

* 点击选中【全局设置】侧边导航
* 在全局设置属性面板中，点击背景图片右侧的“+”号按钮
* 弹出面板，支持从【图片库】、【我的资产库】、【项目资产】、【本地上传】四种渠道添加背景图片
* 点击“+”号按钮即可成功设置背景图片

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

### 2）补充说明

* 【图片库】支持从公共资源库中搜索、添加背景图片
* 【我的资产库】支持从我的资产库中搜索、筛选、添加背景图片
* 【项目资产】支持从当前项目的图片文件中选择添加背景图片
* 【本地上传】支持从本地上传图片文件后添加为背景图片
* <mark style="color:red;">当背景图片和背景颜色同时存在时，优先展示背景颜色</mark>
* 删除背景图片：点击右侧的删除按钮，当前背景图片素材便会被删除

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

相关阅读： [/pages/CYcfFqHNF4f0OXUybMas#id-1.-tian-jia-bei-jing-tu-pian](https://doc.playturbo.cn/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/pages/CYcfFqHNF4f0OXUybMas#id-1.-tian-jia-bei-jing-tu-pian "mention")

## <mark style="color:blue;">3.背景颜色</mark>

注：在【全局设置】添加的背景颜色默认位于所有图层最底部

### 1）添加背景颜色

* 点击选中【全局设置】侧边导航
* 在全局设置属性面板中，点击背景颜色右侧的“+”号按钮
* 在色板弹窗点击选取颜色，即可成功设置背景颜色

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

### **2）补充说明**

* 背景颜色支持【单色】与【渐变色】
* <mark style="color:red;">当已经添加背景颜色时，不可再添加背景图片；如果想要添加，则需要先将背景颜色删除</mark>

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

* 删除背景颜色：点击右侧的删除按钮，当前背景颜色便会被删除

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


# 多语言配置与智能翻译

## <mark style="color:blue;">1. 多语言配置功能</mark>

针对素材不同的投放地区，调整或增加语言，实现一条素材多语言多地区投放

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

### 1.1 温馨提示

* 在Playturbo制作的可玩素材，<mark style="color:red;">**其多个语言版本将打包在同一个素材包里自动适配，仅需下载一个素材包即可投放多个国家**</mark>。
* 当您在Playturbo平台或其他渠道平台上预览可玩素材时，显示的语言会优先根据当前设备或浏览器的默认语言，而与 VPN 无关。
* **多语言自动适配仅适用于"文本"资源**；图片和视频资源无法自动翻译多语言，若有相应需求，您需要复制 X 份项目，替换其中的图片/视频，手动输出不同的版本。

### 1.2 默认语言

支持添加、编辑、删除语言

* 更改默认语言：添加多语言后，选中添加的该语言，即可成功设置为默认语言
* 点击默认语言右侧小铅笔按钮，可逐一配置素材包里的所有文本内容语言。文本输入框支持纵向拉伸
* 当前选中的默认语言不支持删除，未选中的语言支持文本内容编辑和直接删除

**🌟关于Playturbo的**<mark style="color:red;">**默认语言**</mark>**规则：**

* **系统会根据用户设备/浏览器的语言，优先匹配素材包中**<mark style="background-color:red;">**已添加**</mark>**的语言；**
* **如果无法匹配上设备语言，则会统一显示您在此处设置的“默认语言”**

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

<table><thead><tr><th width="218">已添加的语言</th><th width="130">默认语言选择</th><th>用户最终看到的语言</th></tr></thead><tbody><tr><td>示例A：英语、中文、韩语</td><td>英语</td><td><p>用户设备/浏览器的语言为中文  →  中文</p><p>用户设备/浏览器的语言为韩语  →  韩语</p><p>用户设备/浏览器的语言不是以上两种 →  统一为英语</p></td></tr><tr><td>示例B：英语</td><td>英语</td><td>无论用户设备/浏览器的语言是什么 → 统一为英语</td></tr></tbody></table>

## <mark style="color:blue;">2. 多语言智能翻译</mark>

进行语言版本的添加时，可以使用现有语言版本，智能翻译生成新语言

### STEP1 添加语言

&#x20;「全局设置」-「添加语言」

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

### STEP2 确认源语言和目标语言

1. 选择「源语言」，需为当前已有的语言版本，使用该语言版本下的文本进行翻译
2. 选择「目标语言」，即为需要添加的新语言
3. 选中需要翻译的文本，点击「翻译」按钮

<figure><img src="/files/3zh9f0rAEavMZ8PFrWel" alt=""><figcaption></figcaption></figure>

### STEP3 微调翻译内容

等待翻译返回结果后，可在文本框内进一步修改文本

修改完成后点击「确定」，则新增一个语言版本

<mark style="color:red;">**温馨提示：文本若涉及不同钱币符号，需要手动调整**</mark>

<div align="left"><figure><img src="/files/MEDzcb81QRoB8k7xrFfS" alt="" width="458"><figcaption></figcaption></figure></div>


# 玩法参数-场景参数

玩法参数 每个模板都不相同

入口：参数设置区>>>玩法参数

* 玩法参数仅出现在“模板自由制作”，“空白制作”无玩法参数
* 玩法参数并非每个场景都有，通常来说，会位于场景1（核心玩法）的参数设置区，少部分位于全局场景中

<figure><img src="/files/VslohKZXs1NirPOvWFpq" alt=""><figcaption><p>位于【场景1】</p></figcaption></figure>

<figure><img src="/files/dj0RweQGkivMIQhGCnLD" alt=""><figcaption><p>位于【全局场景】</p></figcaption></figure>

## <mark style="color:$primary;">一、常见参数类型介绍</mark>

🌟<mark style="color:red;">**特别说明 —— 【额外跳转次数/额外跳转时机】**</mark>

大部分模板(有代码参与的)，其玩法参数通常会包含一项【额外跳转】，用于快捷调整当前素材的试玩步数和跳转时机，即玩家有效操作x次，触发跳转应用商店（返回后可继续试玩）。

0=关闭，不会在试玩中途跳转应用商店。 您可根据创意需要，自行设置。

<table><thead><tr><th width="230.5">参数类型</th><th>截图参考</th><th data-hidden></th></tr></thead><tbody><tr><td>拖拽条：slider</td><td><div><figure><img src="/files/1PZZG3oBCOXmNdVF7Gmk" alt=""><figcaption></figcaption></figure></div></td><td></td></tr><tr><td>文本输入框：input</td><td><img src="/files/wpjadZwfBgTGa5a6nNZ4" alt=""></td><td></td></tr><tr><td>开关：switch</td><td><img src="/files/0khx8EUpnldnOCkJYdDT" alt=""></td><td></td></tr><tr><td>单选：radio</td><td><img src="/files/Dmo7ur7elPDsgXx7RlQc" alt=""></td><td></td></tr><tr><td>复选：checkbox</td><td><img src="/files/3uLpI5s5bfkAvLJ1gxaY" alt=""></td><td></td></tr><tr><td>选择组件：select</td><td><img src="/files/JGBXig0YPUqCo5APwQEL" alt=""></td><td></td></tr></tbody></table>

## <mark style="color:$primary;">二、其他玩法参数调整</mark>

某一模板与**核心玩法相关的参数**是否可以调整，主要取决于参数区的【玩法参数】一栏。

以模板["抓住优惠券"](https://tinyurl.com/y2ztadf8)为例：其【玩法参数】支持调整“额外跳转次数”、“元素和物件展示数量”、“元素循环移动速度”。若用户想调整元素与元素轮播的间距（涉及核心玩法），则不支持调整哦！其它支持的操作可参考： [模板自由编辑需知](/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)

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


# 场景设置-场景参数

普通场景参数 不区分场景

场景设置包含两部分内容：【场景属性】【全局场景】

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

## <mark style="color:blue;">场景属性</mark>

用于勾选是否将当前场景设为【结束场景】

勾选后，当前场景缩略图底部将添加“End Scene”标签，并在试玩时进入该场景则上报试玩结束

详细内容可查看： [作品制作-重要提示⚠️](/ke-wan-gong-ju-zi-you-bian-ji-qi/zuo-pin-zhi-zuo-zhong-yao-ti-shi)[作品制作-重要提示⚠️](/ke-wan-gong-ju-zi-you-bian-ji-qi/zuo-pin-zhi-zuo-zhong-yao-ti-shi#shang-bao-shi-wan-jie-shu)

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

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

## <mark style="color:blue;">全局场景</mark>

用于勾选是否启用【全局场景】

若启用，可选择将全局场景【置于当前场景顶层】或【置于当前场景底层】

注：全局场景指的是 进入【全局设置】后，在场景区添加的常驻资源

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

<figure><img src="/files/nnechuqULSlwhZw0NbR0" alt=""><figcaption><p>置于场景顶层</p></figcaption></figure>

<figure><img src="/files/3J6loqzuDhTzEaeMMAR8" alt=""><figcaption><p>置于场景底层</p></figcaption></figure>

<figure><img src="/files/deJbTXhKpSc9SEFw6hZ1" alt=""><figcaption><p>不启用全局场景</p></figcaption></figure>


# 外观-图层参数

外观参数 因资产类型的不同也会有所不同

外观参数包&#x542B;**【常规参数】**&#x548C;**【特殊参数】**

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

## <mark style="color:blue;">常规参数</mark>

即各类资产的通用参数，一般包括：对齐方式、显示隐藏参数、位置尺寸、复用横竖屏位置尺寸配置、透明度、旋转角度、屏幕适配方式、锚点、缩放比例

<table><thead><tr><th width="161">图片</th><th width="134">参数类型</th><th width="195">说明</th><th width="311">操作步骤</th></tr></thead><tbody><tr><td><img src="/files/InjKlnAAVGzvm1wqhrBg" alt=""></td><td><strong>对齐方式</strong></td><td>支持【全局对齐】【局部对齐】两种对齐方式</td><td><p><strong>【全局对齐】</strong><br>选中一个素材，点击对齐快捷键即可进行全局对齐</p><p><strong>【局部对齐】</strong><br>按住Ctrl键选中多个素材，点击对齐快捷键即，可进行多图层局部对齐 </p></td></tr><tr><td><img src="/files/fmPWIdHxSFAdpf5tL1NM" alt=""></td><td><strong>显示隐藏参数</strong></td><td>支持对图层的显示或隐藏进行横竖屏拆分的设置</td><td><p><strong>【横竖屏拆分】</strong></p><p>默认不拆分；若需要拆分设置，直接勾选即可</p></td></tr><tr><td><img src="/files/HMy4ct1QaA4x8RKWbFOx" alt=""></td><td><strong>位置</strong></td><td>支持【拖拽调整】【编辑参数调整】两种模式</td><td><p><strong>【拖拽调整】</strong><br>点击需要调整位置的素材，拖拽调整位置即可</p><p><strong>【编辑参数调整】</strong><br>1. 支持X轴、Y轴具体参数调整<br>2. 修改对应参数即可调整位置</p></td></tr><tr><td><img src="/files/9FIjDvYHE45Xr9DMw9If" alt=""></td><td><strong>尺寸</strong></td><td>支持【拉伸调整】【编辑参数调整】两种模式</td><td><strong>【拉伸调整尺寸】</strong><br>1. 选中需要调整尺寸的素材，拖拽调整尺寸即可<br>2. 按住按住Shift键，可进行等比尺寸调整<br><strong>【编辑参数调整】</strong><br>1. 支持宽、高具体参数调整<br>2. 修改对应参数即可调整尺寸</td></tr><tr><td><img src="/files/pi1khWaqrt6KEqAhw9gI" alt=""></td><td><strong>复用横/竖屏位置尺寸</strong></td><td>支持横屏&#x26;竖屏制作模式下使用</td><td>点击【复用横/竖屏位置尺寸配置】按钮，即可成功复用<mark style="color:orange;">(建议先制作单屏，如竖屏，再切换至横屏 选中所有最高层级的图层，使用该功能)</mark> </td></tr><tr><td><img src="/files/ZqUGtY98U1fjHh3iLFaT" alt=""></td><td><strong>透明度</strong></td><td> 支持【滑块调整】【手动修改】透明度参数</td><td><strong>【滑块调整】</strong><br>拖动滑块中的不透明度定位点，即可调整<br><strong>【手动修改】</strong><br>手动修改不透明度具体参数，即可调整</td></tr><tr><td><img src="/files/kadn9vZEan4Mj4iyfTNT" alt=""></td><td><strong>旋转角度</strong></td><td>支持【手动调整】【编辑参数调整】两种方式</td><td><strong>【手动调整】</strong><br>选中需要旋转角度的素材，点击素材上方的旋转按钮即可随意旋转该图层角度<br><strong>【编辑参数调整】</strong><br>手动修改对应参数即可进行旋转角度修改</td></tr><tr><td><img src="/files/duxHpsRkzPe7jMGrKKrU" alt=""><img src="/files/E9qrjsdGzfgZQPMHhECD" alt=""></td><td><strong>屏幕适配方式</strong></td><td><br>1.默认为全局居中<br>2.支持【点击适配】和【选择适配】两种适配方式</td><td><strong>【点击适配】</strong><br>1. 选中需要适配的素材<br>2. 点击定位适配框中即可进行点击适配<br><strong>【选择适配】</strong><br>1. 选中需要适配的素材<br>2. 点击横向/纵向适配列表，调起选项卡列表框<br>3. 选择适配方式，即可完成适配配置</td></tr><tr><td><img src="/files/rttYGxQzPx2XzsU7M6rZ" alt="" data-size="original"></td><td><strong>锚点</strong></td><td>锚点即图层的基准点。决定了图层 旋转/缩放/移动 等操作的中心点位置</td><td><p><strong>【锚点】</strong></p><p>默认为（50,50），可直接输入数字或移动绿点调整锚点位置</p></td></tr><tr><td><img src="/files/LhjCCXHuLmsVARr1gqkv" alt=""></td><td><strong>缩放比例</strong></td><td>在原始尺寸基础上进行缩放调整</td><td><p>1. 支持宽、高具体参数调整<br>2. 修改对应参数即可进行素材缩放</p><p>3.支持横竖屏拆分设置</p></td></tr></tbody></table>

外观参数特别说明： [屏幕适配方式](/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/ping-mu-shi-pei-fang-shi)

## <mark style="color:blue;">特殊参数</mark>

除常规参数以外的，我们一般归为特殊参数，特殊参数针对各资产(图层)类型的不同有所不同

**不同资产类型的特殊参数 差异对比**（在子目录中详细说明）

<table><thead><tr><th width="171">素材类型 </th><th>外观 特殊参数差异对比 </th></tr></thead><tbody><tr><td><strong>场景</strong></td><td><del>无外观参数</del> </td></tr><tr><td><strong>组节点</strong></td><td><del>无特殊参数</del></td></tr><tr><td><strong>手势区域</strong></td><td><del>无特殊参数</del></td></tr><tr><td><strong>图片</strong></td><td>替换/裁切/重置大小/滤镜/点九图</td></tr><tr><td><strong>序列帧</strong></td><td>重置大小/序列帧编辑/播放/暂停/时间设置/播放次数/滤镜</td></tr><tr><td><strong>龙骨</strong></td><td>替换龙骨/播放设置/开始播放/暂停播放 </td></tr><tr><td><strong>文本</strong></td><td>对齐方式/文案配置/字体/基础样式/描边/阴影/应用到其他语言/其他语言设置</td></tr><tr><td><strong>粒子</strong></td><td>替换粒子贴图/播放设置/粒子参数/物理参数</td></tr><tr><td><strong>视频</strong></td><td>播放视频/暂停视频/重新播放/替换/剪辑/重置大小/播放设置/声音设置</td></tr><tr><td><strong>音频</strong></td><td>音效播放/替换/剪辑/音量设置/播放设置</td></tr></tbody></table>


# 图片参数

\#自由编辑器

图片图层的特殊参数包含：替换/裁切/重置大小/滤镜/点九图

**特殊参数说明**

<table data-full-width="false"><thead><tr><th width="112">图片</th><th width="95">参数类型</th><th width="134">说明</th><th width="279">操作步骤</th><th>补充</th></tr></thead><tbody><tr><td><img src="/files/pt1vM4qTvYc1tshqqBEo" alt=""></td><td><strong>替换</strong></td><td>支持替换当前图片素材</td><td><br>1. 点击按钮，调起图片素材面板<br>2. 选择/上传替换图片素材<br>3. 点击添加即可完成替换</td><td><img src="/files/mttjI9IMMqktarigHlyt" alt=""></td></tr><tr><td><img src="/files/uwEWytrosC5iemxsluyg" alt=""></td><td><strong>裁切</strong></td><td>支持图片裁切</td><td><br>1. 点击裁切按钮<br>2. 进入裁切图片弹窗<br>3. 支持图片缩放，调整到合适的裁切大小<br>4. 点击【确定】，即可完成裁切</td><td><img src="/files/jvmosNe2mseR7kfNclVa" alt=""></td></tr><tr><td><img src="/files/aKtu4bButsaLD7gqFq6u" alt=""></td><td><strong>重置大小</strong></td><td>支持图片重置为原始大小</td><td>点击重置大小按钮，即可恢复原始图片大小</td><td>/</td></tr><tr><td><img src="/files/4R9wc59DIPO9RHm0y6fa" alt=""></td><td><strong>滤镜</strong></td><td>支持滤镜参数调整/重置滤镜参数</td><td><br>1. 点击滤镜参数滑块/编辑滤镜具体参数，即可完成滤镜调整<br>2. 点击<img src="/files/6XjePgpc1OH3hmKlScsP" alt="">按钮可重置滤镜参数</td><td>/</td></tr><tr><td><img src="/files/V6oXKbTj1UoNU14N1pjC" alt=""></td><td><strong>点九图</strong></td><td>即点九切图法，设置参数后图片可进行参数内区域不变形拉伸</td><td><br>1. 点击开启点九图模式<br>2. 设置上下左右参数<br>3. 此时参数内区域，拉伸不变形<br>备注：红色框选区域就是设置的参数区域</td><td><img src="/files/cCXan8SpegVI2U96d4GP" alt=""></td></tr></tbody></table>


# 序列帧参数

\#自由编辑器

序列帧图层的特殊参数包含：重置大小/序列帧编辑/播放序列帧/暂停序列帧/时间设置/播放设置/滤镜

**特殊参数说明**

<table data-full-width="false"><thead><tr><th width="144">图片</th><th width="115">参数类型</th><th width="211">说明</th><th width="248">操作步骤</th><th>补充</th></tr></thead><tbody><tr><td><img src="/files/syoc9YaO038TpNhrC6iq" alt=""></td><td><strong>重置大小</strong></td><td>支持序列帧重置为原始大小</td><td>点击重置大小按钮，即可进行重置</td><td>/</td></tr><tr><td><img src="/files/uMbbNI8gNqhSJGmdwILk" alt=""></td><td><strong>序列帧编辑</strong></td><td><br>1. 支持序列帧位置调整<br>2. 支持删除/添加序列帧<br></td><td><strong>/</strong></td><td><img src="/files/TZKthgv08ZEu6bx5YhmD" alt=""></td></tr><tr><td><img src="/files/6cP5OJ8hI7gNrltcNAMp" alt=""></td><td><strong>播放序列帧</strong></td><td>支持播放序列帧</td><td>点击即可开始播放序列帧</td><td>/</td></tr><tr><td><img src="/files/dCXsc5C1JJpGiOdS0ZHj" alt=""></td><td><strong>暂停序列帧</strong></td><td>支持播放序列帧</td><td>点击即可暂停播放序列帧</td><td>/</td></tr><tr><td><img src="/files/XNnAdV5GHUYKlMJjyHUo" alt=""></td><td><strong>时间设置</strong></td><td><br>1. 支持设置每帧时间间隙<br>2. 每帧时间间隙默认100ms<br>3. 支持滑块调整参数<br></td><td>拖动滑块/编辑时间间隙具体参数，即可调整每帧时间间隙</td><td>/</td></tr><tr><td><img src="/files/MzcxcoFqkkaESPWi74p8" alt=""></td><td><strong>播放设置</strong></td><td><br>1. 默认“入场自动播放”“无限循环”<br>2. 支持编辑播放次数<br></td><td>关闭【无限循环】按钮，在播放次数框内设置播放次数即可</td><td><img src="/files/4JDzPjcJK3A2RgfX94Dk" alt=""></td></tr><tr><td><img src="/files/4Hi8EWtxJXJhuzYTwBGu" alt=""></td><td><strong>滤镜</strong></td><td>支持滤镜参数调整/重置滤镜参数</td><td><br>1. 点击滤镜参数滑块/编辑滤镜具体参数，即可完成滤镜调整<br>2. 点击<img src="/files/0h199rhrMGfjQTyRGE45" alt="" data-size="line">按钮可重置滤镜参数<br></td><td>/</td></tr></tbody></table>


# 龙骨参数

\#自由编辑器

龙骨图层的特殊参数包含：替换龙骨/播放设置/开始播放/暂停播放

**特殊参数说明**

<table data-full-width="false"><thead><tr><th width="136">图片</th><th width="114">参数类型</th><th width="199">说明</th><th width="219">操作步骤</th><th>补充</th></tr></thead><tbody><tr><td><img src="/files/W2bbeNhAsK9UfDOBgn2U" alt=""></td><td><strong>替换龙骨</strong></td><td>支持替换当前龙骨素材</td><td><br>1. 点击按钮，调起特效素材面板<br>2. 选择/上传替换龙骨素材<br>3. 点击添加即可完成替换<br></td><td><img src="/files/IAlKd07YEEOvoAjF7ll1" alt=""></td></tr><tr><td><img src="/files/T1XbNBosl3m2ubIWS4XZ" alt=""></td><td><strong>播放设置</strong></td><td><br>1. 默认入场自动播放龙骨<br>2. 支持龙骨动画方式<br>3. 支持设置为循环播放<br>4. 支持编辑播放速度<br></td><td>/</td><td><img src="/files/mf1KvINQrZui0uSkkHfB" alt=""></td></tr><tr><td><img src="/files/5r52ksbdjY3UQlKeAkN7" alt=""></td><td><strong>开始播放</strong></td><td>支持开始播放龙骨</td><td>点击按钮即可开始播放龙骨</td><td>/</td></tr><tr><td><img src="/files/Zer0CVx6GLSMhMleSRV9" alt=""></td><td><strong>暂停播放</strong></td><td>支持暂停播放龙骨</td><td>点击按钮即可暂停播放龙骨</td><td>/</td></tr></tbody></table>


# 文本参数

\#自由编辑器

文本图层的特殊参数包含：对齐方式/文案配置/字体/基础样式/描边/阴影/应用到其他语言/其他语言设置

**特殊参数说明**

<table data-full-width="false"><thead><tr><th width="147">图片</th><th width="150">参数类型</th><th width="310">说明</th><th width="219">操作步骤</th></tr></thead><tbody><tr><td><img src="/files/VawxU322Cg6DNyZBwyNV" alt=""></td><td>对齐方式</td><td>支持7种文本对齐方式</td><td>点击对应的对齐方式，即可实现对齐</td></tr><tr><td><img src="/files/6GljA9u3AVvaH2Q0gjEL" alt=""></td><td>文案配置</td><td>支持文案编辑</td><td>/</td></tr><tr><td><img src="/files/rhRDiCLq1TK84yBCBwfw" alt=""></td><td>字体</td><td><p>1.支持从【字体库】中选择公共字体使用；</p><p><strong>2.支持通过【本地上传】添加自定义字体；</strong></p><p>3.支持将当前文本字体【应用到同语言的所有文本】</p></td><td><img src="/files/l9DCeejXjik5TOSTjQOj" alt="" data-size="original"></td></tr><tr><td><img src="/files/9OJmrL5l5rgFTnmEiGtx" alt=""></td><td>基础样式</td><td>支持文本颜色/字号/字距/行高/加粗/斜体/下划线/删除线设置</td><td>/</td></tr><tr><td><img src="/files/FgdWICpdTY2Dcex1NGXv" alt=""></td><td>描边</td><td>支持添加/删除描边、描边颜色和描边大小设置</td><td>/</td></tr><tr><td><img src="/files/QYFqWWinQyM4tE3QL3Ce" alt=""></td><td>阴影</td><td>支持添加/删除阴影、阴影颜色和阴影大小设置</td><td>/</td></tr><tr><td><img src="/files/t3PCFNi6vkF6vQHUuH9m" alt=""></td><td>应用到其他语言</td><td>支持当前文本样式应用到其他语言</td><td>/</td></tr><tr><td><img src="/files/Q9QogDHb0aFOnrj7JnZn" alt=""></td><td>其他语言设置</td><td>支持其他默认语言文本样式编辑、不同语言文本配置</td><td>/</td></tr></tbody></table>

**补充说明：自定义字体**

1.字体文件格式：ttf;otf，且大小不超过10M

2.操作说明

* 点击【+本地上传】按钮，调起本地资源弹窗，选择符合要求的资源
* 上传成功后在【当前素材字体】下方增加【已上传】，显示上传成功的字体
* 若字体被删除，再次打开项目则会弹出字体丢失弹窗，需要重新选择字体

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


# 粒子参数

\#自由编辑器

## <mark style="color:$primary;">一、粒子贴图</mark>

粒子贴图即粒子的样式

<table data-full-width="false"><thead><tr><th width="125">图片</th><th width="97">参数类型</th><th width="135">说明</th><th width="317">操作步骤</th><th>操作步骤补充</th></tr></thead><tbody><tr><td><img src="/files/MJ1EojTSOPZUuDaHb5Xo" alt=""></td><td><strong>粒子贴图</strong></td><td>支持粒子贴图预览/替换</td><td><p></p><ul><li>点击替换按钮，调起图片素材面板</li><li>可通过图片库/我的资产库/项目资产/本地上传四种渠道选择或上传粒子贴图素材</li><li>点击添加按钮即可完成替换</li></ul></td><td><p></p><p><img src="/files/oThH2eUry2YeLNbJjhLN" alt=""></p></td></tr></tbody></table>

## <mark style="color:$primary;">二、播放设置</mark>

播放设置一栏支持调整粒子的播放次数、点击开始播放粒子特效、点击暂停播放粒子特效

<table data-full-width="false"><thead><tr><th width="127">图片</th><th width="97">参数类型</th><th width="190" align="center">说明</th><th width="225">操作步骤</th><th>操作步骤补充</th></tr></thead><tbody><tr><td><img src="/files/dANexE9yAAoUKGebnzra" alt=""></td><td><strong>播放次数</strong></td><td align="center"><br>1. 默认循环播放粒子<br>2. 支持编辑粒子播放次数<br></td><td>在框内键入数字或点击右侧按钮，则自动取消勾选循环播放</td><td><img src="/files/1l3I7n5QiIYfZ5RDX0w2" alt=""></td></tr><tr><td><img src="/files/885kAiUbz97xpUHTxrFg" alt=""></td><td><strong>开始播放粒子特效</strong></td><td align="center">支持播放预览粒子特效</td><td>点击即可播放粒子特效</td><td>/</td></tr><tr><td><img src="/files/885kAiUbz97xpUHTxrFg" alt=""></td><td><strong>暂停播放粒子特效</strong></td><td align="center">支持停止播放粒子特效</td><td>点击即可暂停播放粒子特效</td><td>/</td></tr></tbody></table>

## <mark style="color:$primary;">三、粒子参数</mark>

粒子包含发射区域、发射空间、粒子数量、产生频率、粒子尺寸、透明度、旋转角度、速度、生命周期等参数

<table data-full-width="false"><thead><tr><th width="137">图片</th><th width="98">功能</th><th width="297">说明</th><th>预览图</th></tr></thead><tbody><tr><td><img src="/files/5rQlvODOSoLYz1hnZGkz" alt=""></td><td><strong>发射区域</strong></td><td><p><br>1. 控制粒子发射的出生位置<br>2. 支持Point/Line/Circle/Retangle（即：点/线段/圆/矩形）4种发射区域类型</p><p>3.可调整区域长度与区域旋转角度<br></p></td><td>从上到下<br>图1：Point<br>图2：Line<br>图3：Circle<br>图4：Retangle<br><img src="/files/QFYkRacGr5WTB8Rd9dfb" alt=""></td></tr><tr><td><img src="/files/cKeNcc5iAJkWFss4e72t" alt=""></td><td><strong>发射空间</strong></td><td>支持World/Local两种模式</td><td>从左到右<br>图1：World模式，发射出去的粒子将不受粒子系统节点的影响<br>图2： Local模式 ，发射出去的粒子将跟随粒子系统节点一起移动<br><img src="/files/G8YuE3amAI2Avt5dtLy5" alt=""></td></tr><tr><td><img src="/files/ki3slVdxgHTphhmiFnnF" alt=""></td><td><strong>粒子数量</strong></td><td>1. 建议数值范围：1~20<br>2. 每批次发射的粒子数量</td><td></td></tr><tr><td><img src="/files/ohiGRtMW4y01WR1EBv7C" alt=""></td><td><strong>产生频率</strong></td><td>每一批粒子发射的时间间隔，以秒为单位</td><td></td></tr><tr><td><img src="/files/liQvpNK2RIKhMedi8avq" alt=""></td><td><strong>粒子尺寸</strong></td><td>1. 建议数值范围：0~100<br>2. 当粒子数量达到峰值时将暂停发射</td><td><img src="/files/94PE61A1dZ6YAoMAV8qV" alt=""></td></tr><tr><td><img src="/files/k2LcsprJJ3TGmZLvTaqR" alt=""></td><td><strong>透明度</strong></td><td>1. 数值范围：0~1（0 指全透明、1 指不透明）<br>2. 用来控制粒子的出生时的透明度，透明度在指定范围（最小值和最大值）内随机取值</td><td>从左到右<br>图1：初始透明度 = 0.5<br>图2：初始透明度 = 1<br>图3：初始透明度 0.5～1<br><img src="/files/YtAT9zrY3p0oOeHXDZCr" alt=""></td></tr><tr><td><img src="/files/h0B8Ubii0ybeDGqq0PVe" alt=""></td><td><strong>旋转角度</strong></td><td><p>1. 数值范围：</p><p>0～360°正值时，顺时针旋转</p><p>0～-360°负值时，逆时针旋转<br>2. 用来控制粒子出生后每秒旋转的角度，在指定范围内随机取值</p></td><td><p>从上到下</p><p>图1：角速度=0</p><p>图2：角速度=360，粒子在1s内旋旋转360°</p><p>图3：角速度 0～360<img src="/files/hfI33541FocBfp3Kbmfy" alt=""></p></td></tr><tr><td><img src="/files/F8OLhLUiiPHLtvCjVfwC" alt=""></td><td><strong>速度</strong></td><td>1. 建议数值范围：-2000～-2000，按照50的倍数调整效果更佳<br>2. 用来控制粒子的出生时的速度，速度值在指定范围（最小值和最大值）内随机取值。<br>3. 速度值与方向对应关系：正值往右发射，负值往左发射<br><img src="/files/8ZwbjhyCxn0MN3cyIcJq" alt=""></td><td>从上到下<br>图1：初始速度 = 200<br>图2：初始速度 = 400<br>图3：初始速度 200～400<img src="/files/Fs5i6bMdviyShQL1LS2c" alt=""></td></tr><tr><td><img src="/files/e4zTl1F6VdKHB8hfwyuA" alt=""></td><td><strong>生命周期</strong></td><td>每个粒子的存活的时长，在指定范围（最小值和最大值）内随机取值，以秒为单位</td><td>从左到右<br>图1：生命时长 = 1s<br>图2：生命时长 = 2s<br>图3：生命时长 1～2s<br><img src="/files/GR5dE3Uz5uqgz7gzgsaX" alt=""></td></tr></tbody></table>

## <mark style="color:$primary;">四、物理参数</mark>

物理参数支持调整X方向的重力与Y方向的重力

<table data-full-width="false"><thead><tr><th width="150">图片</th><th width="113">功能</th><th width="349">说明</th><th>预览图</th></tr></thead><tbody><tr><td><img src="/files/mB1TZTyUM1reThzZ2BL4" alt=""></td><td><strong>重力</strong></td><td><p><br>1. 建议数值范围：-2000～-2000，按照50的倍数调整效果更佳<br>2. 为粒子增加重力加速度，可以让粒子在原本轨迹的基础上，模拟真实世界，增加抛物线的效果<br>3. 重力数值与XY轴方向的对应关系如图：</p><p>以发射器的中心为原点<br> X轴原点左侧为负值，原点右侧为正值<br>Y轴原点下面为正值，原点上面为负值<br><img src="/files/LsODFuEgkvjmJzCBFnKO" alt=""></p></td><td><img src="/files/IEi6bhhCyKGfWZNWkwiz" alt=""></td></tr></tbody></table>


# 视频参数

\#自由编辑器

视频图层的特殊参数包含：播放视频/暂停视频/重新播放/替换/剪辑/重置大小/播放设置/声音设置

**特殊参数说明**

<table data-full-width="false"><thead><tr><th width="149">图片</th><th width="110">参数类型</th><th width="182">说明</th><th width="222">操作步骤</th><th>补充</th></tr></thead><tbody><tr><td><img src="/files/xJ2SIuECRlVpyODPSXKR" alt=""></td><td><strong>播放视频</strong></td><td>支持开始播放视频</td><td>点击播放当前场景视频</td><td><strong>/</strong></td></tr><tr><td><img src="/files/3I1b37Cc6Ijy2ZaXVS7n" alt=""></td><td><strong>暂停视频</strong></td><td>支持暂停视频</td><td>点击暂停当前场景视频播放</td><td><strong>/</strong></td></tr><tr><td><img src="/files/cJDiF20m3qyDRNwZksST" alt=""></td><td><strong>重新播放</strong></td><td>支持重新播放视频</td><td>点击重新播放当前场景视频</td><td><strong>/</strong></td></tr><tr><td><img src="/files/08swRBfsvLHtVa8tHrij" alt=""></td><td><strong>替换</strong></td><td>支持替换当前视频素材</td><td><br>1. 点击按钮，调起视频素材面板<br>2. 选择/上传替换视频素材<br>3. 点击添加即可完成替换<br></td><td><img src="/files/30YJppZnCpsiO6Yl3nU3" alt=""></td></tr><tr><td><img src="/files/WrGW5OtI7DVDmmfBw0d0" alt=""></td><td>剪辑</td><td>支持视频裁切</td><td><br>1. 点击剪辑按钮<br>2. 进入剪辑视频弹窗<br>3. 拖动视频剪辑滑块<br>4. 编辑截取时间<br>5. 点击【确定】，即可完成裁切<br></td><td><img src="/files/0uxjNpALKUy4svOF6V8M" alt=""></td></tr><tr><td><img src="/files/OD6LdClUrUXflh3Xpfo4" alt=""></td><td><strong>重置大小</strong></td><td>支持视频重置为原始大小</td><td>点击重置大小按钮，即可恢复原始视频尺寸</td><td>/</td></tr><tr><td><img src="/files/mYuQC2WigLOvnw7zPz1v" alt=""></td><td><strong>播放</strong></td><td><p>默认自动播放视频；</p><p>支持编辑循环次数；<br>支持设置为循环播放；<br>支持设置播放结束后保持尾帧</p></td><td>/</td><td>/</td></tr><tr><td><img src="/files/LtZDhI3telLEOyNrVuUU" alt=""></td><td><strong>声音</strong></td><td>默认视频静音模式；<br>支持开启视频声音、静音两种模式</td><td>/</td><td>/</td></tr></tbody></table>


# 音频参数

\#自由编辑器

音频图层的特殊参数包含：播放/替换/剪辑/音量设置/播放设置

**特殊参数说明**

<table data-full-width="false"><thead><tr><th width="136" align="center">图片</th><th width="95">参数类型</th><th width="186">说明</th><th width="236">操作步骤</th><th>补充</th></tr></thead><tbody><tr><td align="center"><img src="/files/lVtlij0DqTQ2ZG3JOSPR" alt=""></td><td><strong>播放</strong></td><td>支持点击播放音频、拖动滑块定位音频节点</td><td>【播放音频】<br>点击播放按钮，即可播放音效<br><br>【定位音频节点】<br>拖动滑块定位圆点，即可定位音频节点</td><td>/</td></tr><tr><td align="center"><img src="/files/WS8KsdZLEWb6WPEjAuRq" alt=""></td><td><strong>替换</strong></td><td>支持音频替换</td><td>1. 点击替换按钮，调起音频素材面板<br>2. 选择/上传替换音频素材<br>3. 点击添加即可完成替换</td><td><img src="/files/cS348bMo3tnsHl0MMoCr" alt=""></td></tr><tr><td align="center"><img src="/files/p64vzmQtlwbSH9qP3rJf" alt=""></td><td>剪辑</td><td>支持音频裁剪</td><td>1. 点击剪辑按钮<br>2. 进入剪辑音频弹窗<br>3. 拖动音频剪辑滑块<br>4. 编辑截取时间<br>5. 点击【确定】，即可完成剪辑</td><td><img src="/files/8RSTAOGjP55uoA2zhnX6" alt=""></td></tr><tr><td align="center"><img src="/files/uqPdzJOcQpSzDYAV5YZB" alt=""></td><td><strong>音量</strong></td><td>支持音量调整</td><td>拖动音量滑块，即可调整音频音量大小</td><td>/</td></tr><tr><td align="center"><img src="/files/k0IyEYgLJ8uL40hUP30i" alt=""></td><td><strong>播放</strong></td><td>默认入场不自动播放音频；<br>支持编辑循环次数；<br>支持设置为循环播放</td><td>/</td><td>/</td></tr></tbody></table>


# 动画-图层参数

动画参数 不区分资产类型

**动画是什么？为什么要添加动画？**

动画是指在静止图片上添加一些过渡或强调效果，使图片看起来像是在运动。

在制作可玩素材时，我们几乎都会使用到静帧图片，通过给静帧图片设置动画，画面能够变得更加生动，指引性更强，从而提升内容的吸引力和用户的试玩体验。例如，利用动画可以模拟物体的移动、缩放、旋转等动态效果，达到更具表现力的视觉效果。

## <mark style="color:blue;">一、动画的使用</mark> <a href="#yi-chu-fa-shi-jian-de-shi-yong" id="yi-chu-fa-shi-jian-de-shi-yong"></a>

### 1.添加动画 <a href="#id-1.-tian-jia-chu-fa-shi-jian" id="id-1.-tian-jia-chu-fa-shi-jian"></a>

1）选中需要添加动画的 单个图层 或 组图层

2）点击【+添加动画】，从四种动画类型中选择合适的动画即可

3）进一步调整动画参数，完成动画的设置

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

### 2.预览动画

1）点击图示按钮或【播放】，可在画布内预览当前单个动画

2）若同一图层有多个动画，可点击【播放全部动画】在画布内预览该图层的所有动画

3）点击【停止】或【停止动画播放】，暂停预览动画，动画回到初始状态

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

### 3.替换/删除动画

点击图示按钮，可替换当前动画类型/删除动画

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

### 4.复制动画

1-1）复制单个动画：点击图示按钮，复制当前单个动画

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

1-2）复制多个动画：选中有动画的图层，点击复制按钮

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

2）而后选中需要应用该动画的图层>>>粘贴>>>仅粘贴图层动画

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

### 5.应用到同层级的全部图层

点击图示按钮【应用到同层级的全部图层】，可将当前选中图层的所有动画一键复制粘贴到<mark style="color:red;">和该图层同一层级的所有图层</mark>下

（当您有较多同一层级的图层 需要制作相同的动画时，可使用该功能快速复用）

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

####

## <mark style="color:blue;">二、动画的类别及参数</mark>

动画包&#x542B;**【进场动画】【退场动画】【强调动画】【通用】**&#x34;种动画类型，不同的动画其参数也不相同

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

### 1.循环次数/延迟时间/持续时间/自动播放/动画名称/位移/缩放/透明度/旋转角度/颜色变化

<table><thead><tr><th width="205">截图</th><th width="121">参数类型</th><th width="174">参数说明</th><th>补充说明</th></tr></thead><tbody><tr><td><img src="/files/PpM4bHUOzjDyJiqtAkly" alt="" data-size="original"></td><td><strong>循环次数</strong></td><td><p>支持3种选项：</p><p>播放1次</p><p>单向循环</p><p>双向循环</p></td><td><p><strong>1.播放1次：</strong>动画仅播放1次，播完停止</p><p><strong>2.单向循环：</strong>重复K1~K3的动画<br><img src="/files/dBgSyrt1SzGVwnPqp6fA" alt=""><br><strong>3.双向循环：</strong>从K1到K3后，再从K3回到K1，如此往复<br><img src="/files/1ex63jZ7Z6qUSQQOFjLb" alt=""></p></td></tr><tr><td><img src="/files/2bxUe362TNf2bbRaMTOG" alt=""></td><td><strong>延迟时间</strong></td><td>动画延迟出现/播放的时长</td><td><mark style="color:red;">进入动画所在的场景</mark>后开始自动计时</td></tr><tr><td><img src="/files/Xe93fn0zpUwc3duwovyV" alt=""></td><td><strong>持续时间</strong></td><td>完整播一次动画所需要的时长</td><td>同一个动画，其持续时间越长，动画播放速度越慢；反之则越快</td></tr><tr><td><p><img src="/files/QIPyNovuXmMzLiCKQjIj" alt="" data-size="original"></p><p><img src="/files/1sA3sW2jAb2w2oZZ1c07" alt=""></p></td><td><strong>自动播放</strong></td><td><p>默认自动播放；</p><p></p><p>支持关闭自动播放</p></td><td><p><strong>1.自动播放：</strong><mark style="color:red;">进入动画所在的场景</mark>后开始自动播放</p><p><mark style="color:orange;">(<strong>注意:</strong> 若动画所在图层的初始状态为"隐藏"状态，则动画会在图层初次显示时自动播放)</mark></p><p><strong>2.关闭自动播放：</strong>关闭后，动画默认不播放，需通过设置事件控制动画的播放</p></td></tr><tr><td><img src="/files/a8z18Tod9wW9jBzTDGKj" alt="" data-size="original"></td><td><strong>动画名称</strong></td><td>支持自定义动画名称</td><td>Tips：当项目内添加了较多动画，可重命名动画，方便在设置事件时查找使用</td></tr><tr><td><img src="/files/tOAOgVoiuGfMJfALOEBg" alt="" data-size="original"></td><td><strong>透明度</strong></td><td>需设置"起始状态"和"结束状态"数值</td><td><p>数值范围0%~100%</p><p>0%：完全透明</p><p>100%：完全显示</p></td></tr><tr><td><img src="/files/4aa44gHIZpQ4rXuE1pO1" alt="" data-size="original"></td><td><strong>缩放</strong></td><td><p>需设置"起始比例"和"结束比例"数值；</p><p></p><p>支持起始/结束比例设置成当前值</p></td><td><p>Scale X：图层横向的比例</p><p>Scale Y：图层纵向的比例</p></td></tr><tr><td><p><img src="/files/yXZ1TjuZImtOZaMEtUMu" alt="" data-size="original"></p><p></p><p><img src="/files/prbAHscmwtUAxuTlzzeL" alt=""></p><p></p><p><img src="/files/ruYusV3eRu9RDxxga3fp" alt=""></p></td><td><strong>位移</strong></td><td><p><strong>1.需设置X轴和Y轴的位移距离：</strong>正数为向下/向右；负数为向上/向左；</p><p>可点击图示标红箭头微调位移距离；</p><p></p><p><strong>2.支持快捷编辑位移结束位置：</strong>点击【编辑结束位置】，在画布中将半透明图层拖拽到目标位置后【保存结束位置】即可</p></td><td><p><mark style="color:red;"><strong>3.位移距离支持横竖屏拆分设置：</strong></mark></p><p>默认勾选，勾选则代表竖屏与横屏的位移距离需分别调整(如已经在竖屏下设置好的位移距离不会应用于横屏)；</p><p>取消勾选代表横竖屏共用相同的位移距离，无需切换调整</p><p><img src="/files/t8BccAJ30YVd2MfuPyLF" alt="" data-size="original"></p><p><img src="/files/mcbThXPC3tofDA7bvk7W" alt="" data-size="original"></p></td></tr><tr><td><img src="/files/7EelEbz7SInCa5vHygRP" alt="" data-size="original"></td><td><strong>旋转角度</strong></td><td>需设置"起始状态"和"结束状态"数值</td><td>数值无要求，可设置任意角度</td></tr><tr><td><img src="/files/5dP32HbYBnJJxhEZ8yis" alt="" data-size="original"></td><td><strong>颜色变化</strong></td><td>需设置"开始颜色"和"结束颜色"</td><td><p>在色板中选取颜色或使用取色器快捷选色</p><p><img src="/files/Z7OnDo4kTYkTPEXoLsG7" alt=""></p></td></tr></tbody></table>

### <mark style="color:red;">2.特别说明:变化曲线</mark>

【通用】类动画额外支持编辑动画的 变化曲线

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

#### 2.1 什么是变化曲线？

"变化曲线"是对动画的自定义、精细化编辑。若当前预设的动画都无法满足您的制作需求，可通过自定义"变化曲线"来制作更高阶更复杂的动画

#### 2.2 编辑变化曲线

**1）点击曲线缩略图打开曲线编辑器：**

* 横轴代表时间，纵轴代表动画对应的各种变量（位移、透明度、缩放比例、旋转角度等）；
* 起点(0, 0)为动画运动的默认初始状态，终点(1, 1)为动画运动的默认结束状态；
* 横向移动锚点会直接改变物体运动时间，调整曲线斜率会直接改变物体运动速度的分布（曲线越陡峭速度越快，曲线越平缓速度越慢）

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

**2）编辑曲线样式：**

* **选择曲线模板：**&#x66F2;线编辑器预设了6种曲线样式，点击即可使用
* **自定义曲线样式：**
  * <mark style="color:red;">在曲线的任意位置</mark><mark style="color:red;">**双击**</mark><mark style="color:red;">可添加关键帧</mark>
  * 选中关键帧，拖拽手柄或点击右侧选项可调整曲线弧度
  * 选中关键帧后支持删除当前关键帧
  * 针对自定义的曲线样式，可点击【保存当前曲线】并编辑名称，将曲线样式设为模板，方便后续调用
* 曲线设置完成后，需点击【保存】才会生效

<div align="left"><figure><img src="/files/aoEbxpPnNSISd1RXUjqN" alt="" width="563"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/2Ls5PE2ZMzDp6iJXwson" alt="" width="563"><figcaption></figcaption></figure></div>

#### 2.3 举例说明

以动画*位移缓动*为例，横轴代表时间，纵轴代表位移距离，下面列举2个常见动画的调整方法

| **a. 物体在起点停留一段时间后，再开始运动**                                           | **b. 物体在始末位置停留一段时间，并来回运动**                                                              |
| ------------------------------------------------------------------- | --------------------------------------------------------------------------------------- |
| 将曲线起点向右移动（延迟动画开始时间），物体会在红框时间段内完成移动；                                 | <p>① 动画【循环次数】选择：双向循环；</p><p>② 将曲线起点向右移动，并将曲线终点向左移动（延迟动画开始时间并提早结束动画），物体会在红框时间段内完成移动；</p> |
| <img src="/files/adKLsFwTdbOwyDgvDIjV" alt="" data-size="original"> | <img src="/files/oya1XdrHnEbqfWe5bpeu" alt="" data-size="original">                     |
| <img src="/files/a6fdsLZtNPRyqOdY2BJE" alt="" data-size="original"> | <img src="/files/Avto14hHULHDa6X9HmGe" alt="" data-size="original">                     |

更多常用动画的设置方法可查阅 [制作技巧-动画设置](/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-dong-hua-she-zhi)

####

## <mark style="color:blue;">三、支持添加动画的资产类型</mark>

资产类型决定了其是否支持添加和使用动画，详情如下：

<table><thead><tr><th width="187">资产类型</th><th>动画功能支持情况</th></tr></thead><tbody><tr><td><strong>图片</strong> </td><td>✅</td></tr><tr><td><strong>文本</strong></td><td>✅ </td></tr><tr><td><strong>序列帧</strong></td><td>✅</td></tr><tr><td><strong>粒子</strong></td><td>✅</td></tr><tr><td><strong>龙骨</strong></td><td>✅</td></tr><tr><td><strong>组图层</strong></td><td>✅</td></tr><tr><td><strong>视频</strong></td><td>不支持动画</td></tr><tr><td><strong>音频</strong></td><td>不支持动画</td></tr><tr><td><strong>背景音乐</strong></td><td>不支持动画</td></tr><tr><td><strong>手势区域</strong></td><td>不支持动画</td></tr><tr><td><strong>场景</strong></td><td>不支持动画</td></tr></tbody></table>

<mark style="color:blue;">👉推荐阅读：</mark> [动画问题](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-faq/dong-hua-wen-ti)  [制作技巧-动画设置](/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-dong-hua-she-zhi)  [/pages/auPnGWqowFDcrMaOem0L#id-8.-dong-hua-icon](https://doc.playturbo.cn/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/pages/auPnGWqowFDcrMaOem0L#id-8.-dong-hua-icon "mention")


# 事件-通用参数

事件参数 因场景/图层的不同也会有所不同

一个完整的事件由[触发事件](/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/shi-jian-tong-yong-can-shu/chu-fa-shi-jian)和[响应事件](/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/shi-jian-tong-yong-can-shu/xiang-ying-shi-jian)组成，通过正确关联设置触发事件和响应事件，实现交互和逻辑功能

* 触发事件是引起事件执行的条件或操作(如"点击")。这些事件因选中区域的不同而有所不同，所以触发事件可细分为**场景事件**和**图层事件**
* 响应事件则是在触发事件发生时所执行的操作或反馈(如"跳转应用商店")。这些事件在添加触发事件后显示，且没有场景和图层的区分

通常，制作逻辑简单的可玩素材，使用常规的事件即可满足

当素材逻辑较复杂 制作难度较高时，则可能要用到[全局变量](/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)功能，这是事件的进阶版，有一定理解难度，因此我们建议您先理解并掌握常规事件后再学习全局变量

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

<mark style="color:blue;">👉推荐阅读：</mark> [事件问题](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-faq/shi-jian-wen-ti)  [制作技巧-事件设置](/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-jian-she-zhi)  [/pages/auPnGWqowFDcrMaOem0L#id-9.-shi-jian-icon](https://doc.playturbo.cn/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/pages/auPnGWqowFDcrMaOem0L#id-9.-shi-jian-icon "mention")


# 触发事件

\#自由编辑器

## <mark style="color:blue;">一、触发事件的使用</mark>

### 1.添加触发事件

1）选中单个图层或单个场景

2）点击右侧【添加事件】按钮，调起触发事件类型选项卡

3）结合产品玩法和素材需要，点击选择适合的触发事件即可

4）添加触发事件后，可在其下方添加所需的响应事件

**注意：**<mark style="color:red;">**通常，我们想要玩家在什么图层上进行交互 就把触发事件添加在哪里**</mark>

例如，想要玩家点击某个物品后出现xx效果，则可以**选中"该物品图层"**，添加"点击"的触发事件和对应响应事件；若想要玩家在全屏任意位置都可点击，则可直接**选中"场景"**，添加"点击"的触发事件和对应响应事件

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

### 2.替换触发事件

点击图示按钮，可对已添加的触发事件进行替换（不会改变响应事件）

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

### 3.复制事件

1）点击图示按钮，即可复制对应的触发事件及其响应事件

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

2）复制该事件后，可选中想要粘贴该事件的图层或场景，进行事件的粘贴，即可快速实现相同事件的制作

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

### 4.删除触发事件

点击图示按钮，即可删除对应的触发事件及其响应事件

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

### <mark style="color:red;">5.只生效一次</mark>

触发事件下都伴随【只生效一次】选项。默认不勾选，代表该事件可被多次/反复触发；若勾选，则该事件只生效一次，后续不能再被触发！

请根据自身创意需要，进行设置。

⚠️**注意："只生效一次"与跳转商店事件**

* 通常情况下，<mark style="color:orange;">所有跳转商店的事件（常驻下载按钮/结尾跳转事件等）都</mark><mark style="color:orange;">**不**</mark><mark style="color:orange;">建议勾选"只生效一次"。</mark> >>>若勾选，则玩家从商店返回可玩广告时，将无法再次跳转商店
* <mark style="color:orange;">场景上的触发事件"条件判断"除外。</mark> >>> 因为当"条件判断"作为触发事件 同时还有跳转商店的响应事件时，该事件可能会被反复触发，导致反复跳转商店，因此需要勾选"只生效一次"  >>> 此外，为了保证玩家从商店返回可玩广告后，还有路径可以再次跳转商店，建议再额外设置一个结束页的下载按钮或其他形式的跳转方式

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

## <mark style="color:blue;">二、触发事件的类别</mark> <a href="#mjnno" id="mjnno"></a>

当前触发事件包含六大类别：【点击】 【滑动】 【拖拽】 【媒体播放】 【定时器】 【条件判断】

<table data-full-width="false"><thead><tr><th width="241">截图</th><th width="190">事件属性</th><th width="123">事件类别</th><th>类别细分</th></tr></thead><tbody><tr><td><img src="/files/7J0Hkr6pzmUZwbKTRgGr" alt=""></td><td>通用事件</td><td><strong>点击</strong></td><td><p>点击</p><p>长按3s</p><p>按下</p><p>抬起</p><p>双击</p></td></tr><tr><td><img src="/files/O14AQ10XXnwBLJKDmPrG" alt=""></td><td>通用事件</td><td><strong>滑动</strong></td><td><p>上滑</p><p>下滑</p><p>左滑</p><p>右滑</p><p>任意滑动</p></td></tr><tr><td><img src="/files/1tDtD6yphl86tuOqrEel" alt="" data-size="original"></td><td>图层事件(常规图层)</td><td><strong>拖拽</strong></td><td><p>拖拽</p><p>拖拽到指定位置</p><p>未拖拽到指定位置</p></td></tr><tr><td><img src="/files/DiM0mOje6S5u1EK3IWFQ" alt=""></td><td>图层事件(视频/音频)</td><td><strong>媒体播放</strong></td><td><p>开始时</p><p>结束时</p></td></tr><tr><td><img src="/files/28BkCmmlhNYyTtlAEVhX" alt=""></td><td>场景事件</td><td><strong>定时器</strong></td><td>定时触发</td></tr><tr><td><img src="/files/miz9BLWJzU2V1Vl2wZH7" alt=""></td><td>场景事件(全局变量)</td><td><strong>条件判断</strong></td><td>条件判断</td></tr></tbody></table>

### 1.通用事件: 点击

1）【点击】类事件包含：点击、长按3s、按下、抬起、双击

2）对应触发时机为：

* **点击：**&#x6309;下屏幕后抬手
* **按下：**&#x6309;下屏幕即触发，不管是否抬手<mark style="color:orange;">（推荐使用"按下"而不是"点击"，更容易触发交互哦!）</mark>
* **长按3s：**&#x6309;住屏幕3s后抬手
* **抬起：**&#x4ECE;屏幕抬手时触发，不管按下多久
* **双击：**&#x8FDE;续两次点击屏幕

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

### 2.通用事件: 滑动

1）【滑动】类事件包含：上滑、下滑、左滑、右滑、任意滑动

2）对应触发时机为：

* **上滑：**&#x5728;屏幕上上滑，抬手时触发
* **下滑：**&#x5728;屏幕上下滑，抬手时触发
* **左滑：**&#x5728;屏幕上左滑，抬手时触发
* **右滑：**&#x5728;屏幕上右滑，抬手时触发
* **任意滑动：**&#x5728;屏幕上任意方向滑动，抬手时触发

<mark style="color:red;">注意：【滑动】类事件，图层不会跟随玩家手指的移动而移动</mark>

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

### 3.图层事件: 拖拽

1）【拖拽】类事件包含：拖拽、拖拽到指定位置、未拖拽到指定位置

2）对应触发时机为：

* **拖拽：**&#x62D6;拽某个图层，不抬手即触发
* **拖拽到指定位置：**&#x62D6;拽某个图层，<mark style="color:red;">如果</mark><mark style="color:red;">**拖到**</mark><mark style="color:red;">指定的区域抬手，则触发事件</mark>；如果未拖到指定的区域抬手，则图层默认返回原位，不触发事件
* **未拖拽到指定位置：**&#x62D6;拽某个图层，<mark style="color:red;">如果</mark><mark style="color:red;">**未拖到**</mark><mark style="color:red;">指定的区域抬手，则触发事件</mark>；如果拖到指定的区域抬手，则图层默认返回原位，不触发事件

3）使用【拖拽】类事件后

* 需编辑【拖拽区域】：添加指定区域 - 调整区域位置大小 - 选择拖拽范围(全屏/自定义)
* 需选择【拖拽方向】：可选择【任意方向】、【水平方向】、【垂直方向】 <mark style="color:red;">（注意: 同一图层仅支持设置一种拖拽方向）</mark>
* 需选择【松手是否复位】：**默认"复位"**，即松手后图层返回原位。若选择"否"，则图层会停留在松手时的位置

注意：【拖拽】类事件仅适用在常规图层上添加，即除了视频、音频以外的图层

👉相关阅读： [/pages/YDYXsjyj8Pa2ninvLo3J#id-3.-tuo-zhuai-shi-jian-xiang-guan-wen-ti](https://doc.playturbo.cn/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/shi-jian-tong-yong-can-shu/pages/YDYXsjyj8Pa2ninvLo3J#id-3.-tuo-zhuai-shi-jian-xiang-guan-wen-ti "mention")  [制作技巧-事件设置](/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-jian-she-zhi#si-cuo-wu-fan-kui-gen-sui-tuo-zhuai-wei-zhi-shi-shi-chu-xian)

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

### 4.图层事件: 媒体播放

1）【媒体播放】类事件包含：开始时、结束时

2）对应触发时机为：

* **开始时：**&#x6240;选视频/音频开始播放时
* **结束时：**&#x6240;选视频/音频播放结束时

注意：【媒体播放】类事件仅适用在视频、音频图层上添加

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

### 5.场景事件: 定时器

1）【定时器】类事件包含：**定时触发** <mark style="color:red;">（仅支持在场景上添加）</mark>

2）对应触发时机为：根据所设置的"延迟时长"定时触发 (当延迟时长为0s则代表进入该场景时自动触发对应事件)

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

<mark style="color:red;">**注意：**</mark>

* <mark style="color:red;">若想在场景上添加多个定时器：</mark>在已有的定时触发事件下**继续添加“执行延迟”的响应事件**即可。需注意**执行延迟的时长是累积计算的**，后面的延迟时长会继承前面时长的总和（如入场0.5s后播放特效，再等1s跳转应用商店；则相当于在入场1.5s后会跳转应用商店）
* 若想在图层上添加定时器：在图层事件下添加"执行延迟"这一响应事件即可（添加多个定时器的逻辑同上）

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

### 6.场景事件: 条件判断

1）【条件判断】类事件包含：**条件判断**

2）对应触发时机为：当变量满足设定的条件判断时

3）添加【条件判断】后，在弹窗内点击【添加条件】，然后依次选择全局变量/运算方法/数值

4）支持勾选“只生效一次”

<mark style="color:red;">注意：只有当前项目添加</mark>[全局变量](/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)<mark style="color:red;">后，才可使用这一触发事件</mark> (结合功能介绍文档查看 可以更快理解该触发事件哦)

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

## <mark style="color:blue;">三、补充说明</mark>

### 1.图层事件高亮显示

已添加事件的图层会高亮显示；点击高亮图标可快速切换到该图层的事件参数区

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

### **2.事件** 与 **图层层级&尺寸** 的逻辑关系

🌟图层事件 ＞ 场景事件

若图层和场景都有事件，则图层覆盖的区域会触发图层的事件，图层未覆盖到的区域会触发场景上的事件

🌟层级高的图层事件 ＞ 层级低的图层事件

相同大小&位置的图层：层级高的事件会正常生效，层级低的因被高层级图层覆盖 事件无法生效

不同大小/位置的图层：在层级逻辑的基础上，低层级的事件若未被高层级图层覆盖 事件可以正常生效


# 响应事件

\#自由编辑器

## <mark style="color:$primary;">一、响应事件的使用</mark>

### 1.添加响应事件

1）添加触发事件后，点击【添加响应事件】按钮

2）点击【选择响应事件】，调起响应事件类型选项卡

3）结合素材玩法需要，点击选择相应的响应事件进行设置

<mark style="color:red;">注意：响应事件类型选项卡</mark><mark style="color:red;">**仅显示当前场景下已添加的资产/动效**</mark><mark style="color:red;">相关内容</mark>（如场景1中未设置任何动画，则在调起响应事件类型选项卡时，不会显示动画相关的响应事件）

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

### 2.编辑/替换响应事件

点击图示按钮，可对已添加的响应事件进行编辑或替换

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

### 3.删除响应事件

点击图示按钮，即可删除当前响应事件

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

### 4.筛选响应事件

当您的项目添加了大量响应事件时，可通过筛选功能快速筛选出目标响应事件，方便查找和修改

1）点击图示按钮，调起响应事件筛选窗口

2）勾选所需响应事件类别后，点击【应用筛选条件】即可

3）调整完毕，点击【清除全部】即可恢复展示所有响应事件

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

## <mark style="color:$primary;">二、响应事件的类别</mark> <a href="#mjnno" id="mjnno"></a>

当前响应事件包含 13 种类别：【跳转及埋点】【图层】【定时器】【事件】【其他】【音效】【背景音乐】【视频】【单个动画】【全部动画】【序列帧】【龙骨】【粒子特效】

<table data-full-width="false"><thead><tr><th width="229">截图</th><th width="146">事件类别</th><th>类别细分</th></tr></thead><tbody><tr><td><img src="/files/YauoEumVjYk0DCYN0tCg" alt=""></td><td><strong>跳转及埋点</strong></td><td><p>跳转指定场景</p><p>跳转到下一场景</p><p>跳转到应用商店</p><p>上报试玩结束</p><p>设置埋点</p></td></tr><tr><td><img src="/files/3KsbvyE6yTwccRklStLe" alt=""></td><td><strong>图层</strong></td><td><p>设置位置</p><p>设置缩放</p><p>设置旋转</p><p>设置宽度</p><p>设置高度</p><p>显示&#x26;隐藏图层</p><p>设置透明度</p><p>设置颜色</p></td></tr><tr><td><img src="/files/c6gDh8vNfdsLgzh5FcwE" alt=""></td><td><strong>定时器</strong></td><td><p>执行延迟</p><p>取消执行延迟</p></td></tr><tr><td><img src="/files/HOsxl0jehGdOm5M4Fuat" alt=""></td><td><strong>事件</strong></td><td><p>启用事件</p><p>禁用事件</p></td></tr><tr><td><img src="/files/zeRSjcPrGvPBYuIYFwdf" alt=""></td><td><strong>其他</strong></td><td><p>震屏效果</p><p>赋值</p><p>重新试玩</p></td></tr><tr><td><img src="/files/pdwa8NnCWRsC2cDrU5eW" alt="" data-size="original"></td><td><strong>单个动画</strong></td><td><p>播放单个动画</p><p>暂停播放单个动画</p><p>继续播放单个动画</p><p>返回单个动画初始状态</p></td></tr><tr><td><img src="/files/Zg0tyPEpUY6Qcemguw0N" alt="" data-size="original"></td><td><strong>全部动画</strong></td><td><p>播放分组的全部动画</p><p>暂停播放分组的全部动画</p><p>继续播放分组的全部动画</p><p>从头播放全部动画</p><p>继续播放全部动画</p><p>暂停播放全部动画</p><p>返回全部动画初始状态</p></td></tr><tr><td><img src="/files/FiKsUCTOaMh7zg86hM8S" alt=""></td><td><strong>粒子</strong></td><td><p>显示并播放粒子特效</p><p>暂停播放粒子特效</p><p>清除粒子特效</p><p>粒子出生颜色</p></td></tr><tr><td><img src="/files/adKuvtKQsRbtrLtlSl5L" alt=""></td><td><strong>序列帧</strong></td><td><p>显示并播放序列帧</p><p>暂停序列帧</p></td></tr><tr><td><img src="/files/OiAPfUo4ZAEk0WdlQenV" alt="" data-size="original"></td><td><strong>龙骨</strong></td><td><p>播放龙骨</p><p>暂停龙骨</p></td></tr><tr><td><img src="/files/rXU8VRvEt8N6UJjInjlk" alt=""></td><td><strong>视频</strong></td><td><p>从头播放视频</p><p>继续播放视频</p><p>暂停播放视频</p></td></tr><tr><td><img src="/files/KkcoeAvi40Mbfus9dA1a" alt=""></td><td><strong>音效</strong></td><td><p>从头播放音效</p><p>继续播放音效</p><p>暂停播放音效</p></td></tr><tr><td><img src="/files/w4vl7KEZjoztRxyuW1wm" alt="" data-size="original"></td><td><strong>背景音乐</strong></td><td><p>从头播放背景音乐</p><p>继续播放背景音乐</p><p>暂停播放背景音乐</p></td></tr></tbody></table>

### 1.跳转及埋点

1）**跳转指定场景：**&#x9009;择要跳转的目标场景即可

2）**跳转到下一场景：**&#x6839;据左侧场景区的场景顺序进行跳转

3）<mark style="color:red;">**跳转应用商店**</mark>**：**&#x5FC5;要事件，每个项目都需设置。根据创意需要，在合适的时机添加该响应事件，以便可玩素材在投放后能够成功跳转到产品商店页

4）<mark style="color:red;">**上报试玩结束**</mark>**：**&#x8BBE;置后，当该响应事件所在的触发事件被触发时，将上报"试玩结束" 。通常会被设置在最后一步交互操作上（Mintegral和Vungle渠道必须设置上报试玩结束）

👉相关阅读： [作品制作-重要提示⚠️](/ke-wan-gong-ju-zi-you-bian-ji-qi/zuo-pin-zhi-zuo-zhong-yao-ti-shi)

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

5）**设置埋点：**&#x9700;选择埋点id并编辑埋点名称

<mark style="color:red;">注意：埋点id设置上限为15个，但同一埋点id可设置多个埋点事件 且这些事件的埋点名称是统一的，修改其中一个会联动修改其他相同id的名称</mark>&#x20;

#### <mark style="background-color:red;">\*如何添加自定义埋点？</mark>

<mark style="background-color:red;">当为一个触发事件添加响应事件"设置埋点"时，这一响应事件即是"自定义埋点"。用户可根据素材创意情况自行添加若干个"自定义埋点"</mark>

*如：在下载按钮组上添加事件"按下" - 添加响应事件"设置埋点" - 选择埋点id为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/zuo-pin-yu-lan-qu/kuai-jie-ding-wei) [埋点说明](/chuang-yi-dong-cha/chuang-yi-dong-cha-bi-xiu-ji-chu-zhi-shi/mai-dian-shuo-ming)

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

### 2.图层

1）**设置位置/设置缩放/设置旋转/设置宽度/设置高度/设置透明度/设置颜色：**&#x9009;择对应事件后，继续选择响应对象并调整对应参数即可

<mark style="color:red;">注意：通常，我们不建议使用"设置位置"这一响应事件。因为"设置位置"代表图层的“绝对位置”，是一个固定值，不会随着横竖屏或其他机型的改变而自动适配，因此会出现部分机型图层错位的问题。建议使用"显示&隐藏图层"来制作相关效果</mark>

👉相关阅读： [/pages/YDYXsjyj8Pa2ninvLo3J#id-3.-tuo-zhuai-shi-jian-xiang-guan-wen-ti](https://doc.playturbo.cn/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/shi-jian-tong-yong-can-shu/pages/YDYXsjyj8Pa2ninvLo3J#id-3.-tuo-zhuai-shi-jian-xiang-guan-wen-ti "mention")

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

2）**显示&隐藏图层：**&#x9009;择事件后，继续选择响应对象及其"显示/隐藏"的状态

如：默认显示指引手指，需要在玩家按下屏幕时将其隐藏，则可以使用这一响应事件来隐藏指引

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

### 3.定时器

1）**执行延迟**：需设置"延迟时长"，默认0s

2）**取消执行延迟：**&#x9700;选择要取消的定时器ID，即在设置"执行延迟"时编辑的定时器名称

👉相关阅读：  [/pages/YDYXsjyj8Pa2ninvLo3J#id-4.-xiang-ying-shi-jian-xiang-guan-wen-ti](https://doc.playturbo.cn/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/shi-jian-tong-yong-can-shu/pages/YDYXsjyj8Pa2ninvLo3J#id-4.-xiang-ying-shi-jian-xiang-guan-wen-ti "mention")

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

### 4.事件

事件设置后，默认为启用状态

1）<mark style="color:red;">**禁用事件**</mark>**：**&#x4ECE;已添加的事件中进行选择，则被选择的事件将被禁用，不再生效

2）**启用事件：**&#x5C06;已禁用的事件重新启用

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

### 5.其他

1）**震屏效果**：即屏幕震动效果，通常用做玩家错误操作或游戏失败的反馈

选择后，需编辑震屏持续时长、抖动频率、抖动最大距离

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

2）**赋值：**&#x9700;选择对应的全局变量/运算方法/运算数

<mark style="color:red;">注意：此响应事件需建立在已添加全局变量的基础上，搭配"条件判断"来使用</mark> (具体使用方法可结合查看[全局变量](https://playturbo-doc.mindworks-creative.com/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)功能介绍文档)

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

3）**重新试玩：**&#x89E6;发后，将重新进入素材，从头试玩

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

### 6.**单个动画**

当某一图层添加了多个动画时，可通过此响应事件来控制单个动画的播放

1）**播放单个动画：**&#x9700;选择响应对象和响应的单个动画

2）**暂停播放单个动画：**&#x9700;选择响应对象和响应的单个动画

3）**继续播放单个动画：**&#x9700;选择响应对象和响应的单个动画

4）**返回单个动画初始状态：**&#x9700;选择响应对象和响应的单个动画

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

### 7.全部动画

当某一图层添加了单个或多个动画，且这些动画是为了实现同一个效果而可以整体控制时，可通过此响应事件来控制该图层全部动画的播放

1）**播放分组的全部动画**：选择响应对象(图层)，将播放<mark style="color:orange;">该图层</mark>和<mark style="color:orange;">该图层组内全部图层</mark>的全部动画

2）**暂停播放分组的全部动画**：选择响应对象(图层)，将暂停播放该图层和该图层组内全部图层的全部动画

3）**继续播放分组的全部动画**：选择响应对象(图层)，将继续播放该图层和该图层组内全部图层的全部动画

4）**从头播放全部动画：**&#x9009;择响应对象(图层)，将播放<mark style="color:orange;">该图层</mark>的全部动画

5）**继续播放全部动画：**&#x9009;择响应对象(图层)，将暂停播放该图层的全部动画

6）**暂停播放全部动画：**&#x9009;择响应对象(图层)，将继续播放该图层的全部动画

7）**返回全部动画初始状态**：选择响应对象(图层)，将返回<mark style="color:orange;">该图层</mark>全部动画的初始状态

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

### 8.**粒子**

1）**显示并播放粒子特效：**&#x9009;择响应对象即可

2）**暂停播放粒子特效：**&#x9009;择响应对象即可

3）**清除粒子特效：**&#x9009;择响应对象即可

4）**粒子出生颜色：**&#x9009;择响应对象后，点击图示色块选择粒子出生颜色

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

补充：添加粒子特效后，参数默认"自动播放1次"。如要修改，可选中粒子特效图层后，在右侧参数区进行调整

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

### 9.序列帧

1）**显示并播放序列帧：**&#x9700;选择响应对象、选择是否循环播放该序列帧及播放次数、是否来回播放、播放完后是否隐藏该序列帧

<mark style="color:red;">注意："来回播放"指序列帧正序播放一次后再倒序播放一次，此为一个来回；仅"播放次数"大于1 时可开启"来回播放"</mark>

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

2）**暂停序列帧：**&#x9009;择要暂停的响应对象即可

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

补充：添加序列帧资产后，参数默认"自动且无限循环播放"。如要修改，可选中序列帧图层后，在右侧参数区进行调整

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

### 10.龙骨

1）**播放龙骨：**&#x9700;选择响应对象、动作名字、是否循环播放及播放速度

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

2）**暂停龙骨：**&#x9009;择要暂停的响应对象即可

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

补充：添加龙骨资产后，参数默认"自动播放""播放速度1s"。如要修改，可选中龙骨图层后，在右侧参数区进行调整

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

### 11.视频

1）**从头播放视频：**&#x9700;选择响应对象、播放次数、是否循环播放、播放完成后是否保持视频尾帧

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

2）**继续播放视频：**&#x9009;择响应对象即可

3）**暂停播放视频：**&#x9009;择响应对象即可

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

补充：添加视频资产后，参数默认"自动播放1次""保持尾帧"。如要修改，可选中视频图层后，在右侧参数区进行调整

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

### 12.音频

1）**从头播放音频：**&#x9700;选择响应对象、是否循环播放及播放次数

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

2）**继续播放音频：**&#x9009;择响应对象即可

3）**暂停播放音频：**&#x9700;选择响应对象、暂停播放该音频后是否暂停当前场景全部音效

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

补充：添加音频资产后，参数默认"不自动播放"。如要修改，可选中音频图层后，在右侧参数区进行调整

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

### 13.背景音乐

1）**从头播放背景音乐**

2）**继续播放背景音乐**

3）**暂停播放背景音乐**

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


# 屏幕适配方式

外观参数特别说明:屏幕适配方式

入口：参数设置区>>>外观>>>屏幕适配方式

<figure><img src="/files/3vT4N0K3TKxrfabqN5l8" alt=""><figcaption></figcaption></figure>

👉**推荐阅读:** [制作技巧-适配相关](/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)  [适配问题](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-faq/shi-pei-wen-ti) &#x20;

## <mark style="color:blue;">**1.适配规则: 图层的XY坐标距离原点的计算**</mark>

如下图，坐标原点(0,0)位于画布的左上角

画布中每个图层的坐标，是以图层的左上角为基准计算的。例如：手指图层的x、y坐标是(100,100），指的是手指图层左上角到原点的距离是（100,100）

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

## <mark style="color:blue;">**2.默认适配方案**</mark>

**图层以画布中心点为基准，相对画布的中心点坐标不变。**

各资产/图层在被添加到项目中时，其图层的屏幕适配方式都默认“水平居中&垂直居中”，即无论在多大的屏幕上预览，该资产都会出现在画面中央。

💡也就是说，<mark style="color:red;">默认我们是不需要调整图层的屏幕适配方式的，这样在画布中编辑的排版/位置是怎样的，在不同机型下预览就是怎样的，会自动等比适配；</mark>偶尔会需要对部分图层的屏幕适配方式进行调整，以在不同机型下获得最佳的视觉效果，如将产品信息设为"居中贴底"

建议阅读：  [/pages/CYcfFqHNF4f0OXUybMas#id-2.-ping-mu-shi-pei-fang-shi-jian-yi](https://doc.playturbo.cn/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/pages/CYcfFqHNF4f0OXUybMas#id-2.-ping-mu-shi-pei-fang-shi-jian-yi "mention")

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

## <mark style="color:blue;">**3.不同的适配方式展示**</mark>

**若调整四边适配，则图层将以画布的四条边为基准，不同屏幕相对的边缘距离不变。**

例如，当图层选择左边和顶部(即左上角)适配时，在750\*1334的画布上，图层左上角相对画布左上角的原点是（100,100），那么换成其他尺寸的屏幕时，图层相对画布左上角的原点仍然是（100,100）

<table><thead><tr><th width="72" align="center">序号</th><th width="134" align="center">适配方案</th><th align="center">屏幕适配按钮</th><th align="center">iPhone6【750*1334（默认）】</th><th align="center">iPhone X【828*1972】</th><th align="center">ipad【768*1024】</th></tr></thead><tbody><tr><td align="center">1</td><td align="center">居中适配<br>默认适配方案</td><td align="center"><img src="/files/3HzJ9ONh8pGwIBAGAnIe" alt=""></td><td align="center"><img src="/files/ipLQKyKp1JCaDEGbhujn" alt=""></td><td align="center"><img src="/files/PcCmjGF8LAU3hHQCQkm7" alt=""></td><td align="center"><img src="/files/95pOBFWN9HoB4rLP3WWo" alt=""></td></tr><tr><td align="center">2</td><td align="center">顶部适配</td><td align="center"><img src="/files/aWsQpVnw7TO2kV7Gt8zb" alt=""></td><td align="center"><img src="/files/rG6rGDpHgLRA665Iym7A" alt=""></td><td align="center"><img src="/files/0e7LJzIKpYtkfBk2RhTG" alt=""></td><td align="center"><img src="/files/qFRWQWOSYRAphrG2m8Lk" alt=""></td></tr><tr><td align="center">3</td><td align="center">底部适配</td><td align="center"><img src="/files/hpfz822iTnXEUqOBd877" alt=""></td><td align="center"><img src="/files/Xc2a738UaTfRWKhUKMNP" alt=""></td><td align="center"><img src="/files/Bk3s8vrOCd9Vgaue1k73" alt=""></td><td align="center"><img src="/files/tpVUqxtVfP9uPYmISrHo" alt=""></td></tr><tr><td align="center">4</td><td align="center">居左适配</td><td align="center"><img src="/files/ihAmcNQKvY4hQQsODqKr" alt=""></td><td align="center"><img src="/files/4xmI7kbJumnYdi9IXfdE" alt=""></td><td align="center"><img src="/files/XBoyfO9LD9nPp3OaVnmt" alt=""></td><td align="center"><img src="/files/smDfuXzID06uivTNekzx" alt=""></td></tr><tr><td align="center">5</td><td align="center">居右适配</td><td align="center"><img src="/files/iaVaZNPiV4hJKI6QjM96" alt=""></td><td align="center"><img src="/files/tN9l9r6zwpY9AkfNk5Vk" alt=""></td><td align="center"><img src="/files/IyruOedFQ1dISuEswVs5" alt=""></td><td align="center"><img src="/files/GeAF7FjEYtKHfuGM8bTo" alt=""></td></tr><tr><td align="center">6</td><td align="center">左上角适配</td><td align="center"><img src="/files/O0RuqzMQHXChIXwKSi0I" alt=""></td><td align="center"><img src="/files/QFX5gb1GanSPqYs8mfrK" alt=""></td><td align="center"><img src="/files/9rCvl03bPRMkf27qEXA7" alt=""></td><td align="center"><img src="/files/DANq6Rb19ylmBokSax58" alt=""></td></tr><tr><td align="center">7</td><td align="center">右上角适配</td><td align="center"><img src="/files/X9I8BlQcBP2KnuDOyGPT" alt=""></td><td align="center"><img src="/files/Sj487GKRHhgZJXTUosj1" alt=""></td><td align="center"><img src="/files/rb6cShsAhyoanZiNON7O" alt=""></td><td align="center"><img src="/files/41LS2klwA4Y8TTdIU9N6" alt=""></td></tr><tr><td align="center">8</td><td align="center">左下角适配</td><td align="center"><img src="/files/YzswbCzrAfVvrna2K8IS" alt=""></td><td align="center"><img src="/files/34TrJ97w7zObxXiC2Bkq" alt=""></td><td align="center"><img src="/files/X1RMB2WOYvr9sLWVk1g7" alt=""></td><td align="center"><img src="/files/kSvT8w2KqBAFUhdhQvxH" alt=""></td></tr><tr><td align="center">9</td><td align="center">右下角适配</td><td align="center"><img src="/files/yNHdomeOkVlfgIiNyoVg" alt=""></td><td align="center"><img src="/files/yx971FD6D3znAzDa2VQ0" alt=""></td><td align="center"><img src="/files/0tWDTm82Q86ouKNdgbhu" alt=""></td><td align="center"><img src="/files/05KAX2kHs0rvnlEaj0Rx" alt=""></td></tr></tbody></table>

## <mark style="color:blue;">4.调整适配的建议</mark>

💡因素材各不相同，您可根据实际需要对图层的屏幕适配方式进行适当调整。<mark style="color:red;">需注意，屏幕适配方式默认拆分横竖屏单独设置，您需要分别调整横屏和竖屏；若某些图层 横竖屏的适配方式相同，则可以取消勾选</mark>

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

💡当设置完屏幕适配方式，建议您及时预览，并且**切换不同设备&横竖屏**来确认最终效果！


# 作品预览区

\#自由编辑器

<figure><img src="/files/SwK931PbxMwmevrn4hc2" alt=""><figcaption><p>作品预览区</p></figcaption></figure>

作品预览区由【画布】【场景视图】【横竖屏编辑模式】【多语言预览】【播放场景】【快捷排版】【包体预估】【快捷定位】【画布预览尺寸】【帮助中心】【画布标尺】【参考线】12个小模块组成，此区域是编辑器最核心的操作区域

（注：【快捷排版】功能仅在部分模板的"自由制作"中出现）

## <mark style="color:$primary;">画布的基本操作</mark>

💡画布的分辨率为 **750\*1334**，在制作时应保证所有元素最终都能完整呈现在画布内（背景图之类的资产可覆盖到画布外，相关阅读: [屏幕适配方式](/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/ping-mu-shi-pei-fang-shi)  [制作技巧-适配相关](/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)）

* 单击可选中图层
* 选中图层后，可直接拖动调整其位置
* 选中图层后，可通过拖拽四角的小方块调整图层的大小（按住Shift键拖拽时可等比例缩放）
* 可通过在画布中拖动框选 选择多个图层；被隐藏/锁定的图层无法参与框选
* 组图层的选中优先级比组内元素图层高
* <mark style="color:red;">如果想选中组内元素，需要</mark><mark style="color:red;">**双击**</mark><mark style="color:red;">激活该组，再点击选中组内元素；组被激活后，当前组无法再被选中</mark>

#### Q：为什么在画布中无法点击选中某些图层/资产？

当画布中存在**多个位置和尺寸相同的图层**，或**上层图层尺寸较大并覆盖下层图层**时，在画布中只能直接选中最上层的图层。如果需要编辑被遮挡的图层，需在左侧**图层面板**点击对应图层进行选中和调整。

[图层区](/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/tu-ceng-qu)

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


# 预览切换

\#自由编辑器

可在作品预览区通过不同维度下的预览方式进行切换预览

* 全局场景视图/单场景视图
* 竖屏/横屏切换
* 多语言切换
* 播放场景/回到初始状态
* 快捷排版
* 预览尺寸切换
* 跳转帮助中心

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

## 一、场景视图切换 <a href="#kxdr8" id="kxdr8"></a>

* 点击【全局设置】，即显示【全局场景视图】![](/files/4b38FDoF3lbVzLt2nMXA)
* 点击【场景】，即显示【单场景视图】![](/files/EUPvGjySYy2IGVnS8Wfn)

## 二、横竖屏切换

* 平台支持横屏&竖屏、横屏、竖屏3种适配方式[作品制作-新建指南](/ke-wan-gong-ju-zi-you-bian-ji-qi/zuo-pin-zhi-zuo-xin-jian-zhi-nan)（注意：投Mintegral渠道必须选择横屏&竖屏）
* 【横屏&竖屏】适配方式下，需要同时完成横屏和竖屏的场景制作，点击对应图标即可完成切换
* 横屏模式下，竖屏图标不可点击
* 竖屏模式下，横屏图标不可点击

## 三、多语言预览切换

* 点击【默认语言】中的下拉按钮，调起预览语言选项卡
* 在已设置的默认语言中选择需要预览的语言即可（默认语言可在【全局设置】中进行设置）

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

## 四、播放场景/回到初始状态

* 点击【播放场景】按钮，可播放当前画布内场景，进行效果预览![](/files/6TiGgtUYFJreUi2abb2a)
* 点击【回到初始状态】按钮，可返回静止状态下预览![](/files/b8Ibt2V1w1DQNC0CEWfS)

<mark style="color:red;">注意：【播放场景】功能支持的是</mark> <mark style="color:red;"></mark><mark style="color:red;">**预览当前画布已显示的图层**</mark><mark style="color:red;">以及</mark><mark style="color:red;">**设置了自动播放的动画/粒子/序列帧/音效等**</mark><mark style="color:red;">，无法预览事件设置（预览事件设置需要点击右上角的</mark> [预览](/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/xiang-mu-cao-zuo-lan/yu-lan) <mark style="color:red;">跳转到预览界面进行试玩预览）</mark>

## 五、快捷排版

【快捷排版】功能当前仅在部分"消除玩法"&"拼图玩法"的**模板自由制作**中出现，详细内容可查看 [/pages/7ITfVFcu4SxQoRtpoHE4#id-3.-kuai-jie-bu-ju](https://doc.playturbo.cn/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/zuo-pin-yu-lan-qu/pages/7ITfVFcu4SxQoRtpoHE4#id-3.-kuai-jie-bu-ju "mention")

## 六、预览尺寸切换

### **1. 预览尺寸推荐**

* 点击画布右下角【画布尺寸预览】百分比数值，调起预览尺寸选项卡
* 支持【适应屏幕 / 200% / 100% / 50% 】4种预览模式
* 点击合适的百分比尺寸即可调整

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

### **2. 预览尺寸微调**

* 点击画布右下角【画布尺寸预览】“ - / + ”按钮，进行当前预览画板尺寸微调
* 每次点击进行1%大小微调

## 七、帮助中心

* 点击<img src="/files/ikOLHkKz7H5knLa0V7tT" alt="image.png" data-size="line">按钮，即可跳转进入此官方帮助中心
* 帮助中心的【可玩工具-自由编辑器】可以帮助您解决在使用过程中遇到的问题


# 包体预估

\#自由编辑器

入口：作品预览区>>>包体预估

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

## <mark style="color:blue;">一、包体预估说明</mark>

* 投放可玩素材，不同渠道对素材包体大小有不同的要求（👉具体可查阅: [可玩广告渠道上传规范](/su-cai-dao-chu-tou-fang-xiang-guan-wen-dang/ke-wan-guang-gao-qu-dao-shang-chuan-gui-fan#currently-supported-a-d-networks--test-apps)）。因此，在制作过程中，**需要控制所用资产的大小从而控制包体大小**
* 【包体预估】功能可以让您在制作过程中，随时查看<mark style="color:red;">当前包体的大小</mark>
* 建议您在制作过程中多次点击【包体预估】，及时查看，避免素材超包

## <mark style="color:blue;">二、包体预估操作</mark>

* 点击作品预览区下方的【包体预估】按钮，即可获取项目当前的包体大小（需稍等片刻）
* 预估完成将展示该包体 高/中/低 质量三个维度下的包体大小，供您在推送/下载作品前参考（**需注意: 预估后的包体大小仅作为一个大致参考，受不同渠道打包逻辑影响，和最终导出时计算的包体大小并不完全一致**）
* 补充说明：对于 高/中/低 质量标识，平台采用不同的压缩参数对素材中的图片、音视频等资源进行压缩，不同资源可压缩比率不一样，因此没有固定的压缩比率
* <mark style="color:red;">注：包体的实际大小是按照"</mark><mark style="color:red;">**已添加**</mark><mark style="color:red;">"进项目的资产计算的</mark>

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

## <mark style="color:blue;">**三、资产大小建议**</mark>

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/xiang-mu-zi-chan#si-ge-lei-zi-chan-de-shang-chuan-ge-shi-yao-qiu)）

* 视频：＜3M
* 音频：＜1M
* 静帧图片：＜1M
* 序列帧：＜8M
* 龙骨：＜1M

2. <mark style="color:red;">注意：若您需要往项目内添加大量 序列帧/视频 资产，建议在当前要求文件大小的基础上，先在外部</mark><mark style="color:red;">**进一步压缩文件**</mark> <mark style="color:red;"></mark><mark style="color:red;">或</mark> <mark style="color:red;"></mark><mark style="color:red;">**调整实现方式**</mark><mark style="color:red;">，以控制整体资产的大小！否则若包体严重超包，很可能在下载阶段压缩受限，导致返工！</mark>[自由编辑器 - 下载&推送](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan/zi-you-bian-ji-qi-xia-zai-tui-song#si-bao-ti-ya-suo)

�&#xDCA1;**【压缩小工具推荐】**

* 压缩视频常用软件：Handbrake
* 压缩图片常用网站：Tinyjpg.com

�&#xDCA1;**【图片处理建议】**

* 注意图片导出的实际像素大小，按最终显示尺寸导出（如600 × 600，而非2000 × 2000）；
* 用 JPG 代替 PNG 格式，保证清晰度的同时可减小文件体积；
* 导出时不要用“最高质量”（以JPG为例：Quality 100 vs 80，人眼几乎无差别）；
* 将零碎的小图合并为一张大图导出。

�&#xDCA1;**【视频处理建议】**

* 视频本身：分辨率控制在720p或1080p（不要 2K/4K）；帧率 24fps 或 30fps；编码 H.264；
* 根据交互节点，把视频拆分成多段，让每段视频的清晰度相对高些。

�&#xDCA1;**【项目改进建议】**

* 检查通用的 产品LOGO、CTA按钮、指引本文、指引手指等，不要在每个场景都重复添加。在【全局设置】的图层区添加一次，即可应用到每个场景；
* 常规内容和部分动效（如指引手指）建议使用 单张图片+动画 的形式实现，减少使用序列帧/视频。

<div align="left"><figure><img src="/files/ihcF0C5sCaOojZ6gRDl4" alt="" width="558"><figcaption></figcaption></figure></div>


# 快捷定位

\#自由编辑器

入口：作品预览区>>>快捷定位

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

## <mark style="color:blue;">一、快捷定位简介</mark>

* 此功能基于"自定义埋点"而设置
* 自定义埋点，即<mark style="color:red;">当您手动添加了"设置埋点"这一响应事件时，就代表您添加了自定义埋点</mark>。可根据创意情况自行添加若干个自定义埋点（相关阅读： [/pages/6kk8hUFKuNmSl3CagArl#id-1.-tiao-zhuan-ji-mai-dian](https://doc.playturbo.cn/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/zuo-pin-yu-lan-qu/pages/6kk8hUFKuNmSl3CagArl#id-1.-tiao-zhuan-ji-mai-dian "mention")  [埋点说明](/chuang-yi-dong-cha/chuang-yi-dong-cha-bi-xiu-ji-chu-zhi-shi/mai-dian-shuo-ming)）
* <mark style="color:red;">"快捷定位"就是展示并定位当前项目内所有自定义埋点的功能</mark>

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

## <mark style="color:blue;">二、快捷定位操作</mark>

* 点击"快捷定位"按钮，调起该窗口
* 窗口展示当前已添加的所有自定义埋点，包括埋点id及埋点名称
* <mark style="color:red;">点击对应埋点后面的定位图标即可快速定位到该响应事件的位置</mark>，方便您查找与修改自定义埋点

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

* 注意：<mark style="color:red;">仅可快捷定位当前场景的埋点</mark>
* 黑色图标代表对应埋点位于当前场景；灰色图标则代表埋点位于其他场景

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

* 若您的项目未添加自定义埋点，则打开后内容为空

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

## <mark style="color:blue;">三、补充介绍: 埋点日志</mark>

入口：素材预览界面>>>埋点日志

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

在您完成素材制作进行预览时，可点击【埋点日志】调起窗口，实时查看"基础埋点"与"自定义埋点"的分布情况

<div align="left"><figure><img src="/files/NUMMGkw1O5w10jj2OgPt" alt="" width="539"><figcaption></figcaption></figure></div>


# 参考线

\#自由编辑器

在编辑过程中，画布标尺与参考线可以方便素材对齐和位置校正

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

## 一、添加参考线

* 鼠标靠近画布标尺区域，即可调出参考线
* 左键单击即可成功定位参考线
* 拖动参考线可进行位移

## 二、删除参考线

* 点击参考线旁的“x”按钮，即可删除该参考线

## 三、智能参考线

* 选中图层，拖动到画板边缘或居中位置即可自动调起智能参考线
* 智能参考线方便素材进行边缘对齐和位置对准

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


# 项目操作栏

\#自由编辑器

<figure><img src="/files/04z3IHJSm9g2qt7UnSB9" alt=""><figcaption><p>项目操作栏</p></figcaption></figure>

此功能模块支持设置项目信息、查看作品在各机型下的预览效果、保存项目、将项目存为模板、批量下载各渠道的包体、推送素材到Mintegral、完成设计输出

[预览](/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/xiang-mu-cao-zuo-lan/yu-lan)

[保存](/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/xiang-mu-cao-zuo-lan/bao-cun)

[自由编辑器 - 下载&推送](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan/zi-you-bian-ji-qi-xia-zai-tui-song)

【存为模板】相关内容可移步 [我的资产](/ge-ren-zhong-xin/wo-de-zi-chan#er-mu-ban-zi-chan) 进行查看


# 预览

\#自由编辑器

入口：项目操作栏>>>预览

点击【**完整预览**】或【**从当前场景开始预览**】 跳转进入预览页面。

预览页面可查看作品完成后在各机型、横竖屏、各语言环境下的预览效果。

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

## <mark style="color:blue;">1.切换预览设备/预览</mark>

* 点击设备下拉按钮，调起设备选项弹窗
* 点击选择想要预览的设备，即可完成预览设备更换
* 当前预览界面支持预览iPhoneX/iPad/iPhone6/redmi/vivo五种机型下的效果<mark style="color:red;">（</mark><mark style="color:red;">**画布内容会根据不同设备尺寸的不同，自动等比放大/缩小去适配**</mark><mark style="color:red;">，因此当前的五种机型基本能够覆盖到市面上大部分机型的预览效果）</mark>

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

**若您仍想预览更多机型下的效果：**

a. 可以点击【预览】按钮，使用手机扫码预览

b. 或【复制链接】后从浏览器打开，然后按 *F12*键 进入开发者模式，可在上方切换更多机型进行预览

<div><figure><img src="/files/HwuawElNXBTQEje3kQTj" alt=""><figcaption></figcaption></figure> <figure><img src="/files/ZKHS54pC3CzNfk7TPrge" alt=""><figcaption></figcaption></figure></div>

<mark style="color:red;">**💡**</mark><mark style="color:red;">工具分享(转化成对外链接，在浏览器即可预览手机画面的效果)：</mark><https://playable-portal.mintegral.com/#/tools/mw-viewer>

* 在预览页面【复制链接】
* 打开工具，粘贴链接
* 点击【Generate】 生成对外预览链接

<div align="left"><figure><img src="/files/fvi7KdEONVH4Jttec6Bf" alt="" width="563"><figcaption></figcaption></figure></div>

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

## <mark style="color:blue;">2.切换横竖屏预览</mark>

* 支持横屏/竖屏两种预览方式
* 点击横屏/竖屏图标，即可完成屏幕预览方式切换

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

## <mark style="color:blue;">3.切换不同语言预览</mark>

* 点击语言下拉按钮，调起已添加默认语言弹窗
* 点击想要预览的语言，即可完成切换语言环境预览

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

## <mark style="color:blue;">4.开启/关闭音频预览</mark>

* 音频预览方式默认开启，开启音频预览模式图标自动高亮为<img src="/files/WheDkeUAZi3ubrSl7l3L" alt="" data-size="line">
* 关闭音频预览模式图标为<img src="/files/qWEKZqecON9PmItNUpwr" alt="" data-size="line">
* 点击对应音频模式图标即可完成音频预览模式的切换

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

## <mark style="color:blue;">5.埋点日志</mark>

可直接查阅[快捷定位](/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/zuo-pin-yu-lan-qu/kuai-jie-ding-wei)[快捷定位](/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/zuo-pin-yu-lan-qu/kuai-jie-ding-wei#san-bu-chong-jie-shao-mai-dian-ri-zhi)

## <mark style="color:blue;">6.重玩</mark>

* 点击【重玩】按钮，即可在当前预览模式下重新加载，进行重玩

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

## <mark style="color:blue;">7.预览技巧分享</mark>

当您空白制作流程较长的可玩项目时，会需要反复调整反复预览，因此需要反复点击【重玩】按钮，等待加载从头开始试玩，这可能比较麻烦且浪费时间。这里提供一些小技巧，希望对您有所帮助。

💡根据制作场景的不同，灵活使用【**从当前场景开始预览**】

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

💡随意添加一个按钮，并设&#x7F6E;**"按下-重新试玩"**&#x7684;事件，以节省每次从头加载的时间。待素材制作完成，可删除该按钮

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


# 保存

\#自由编辑器

入口：项目操作栏>>>保存

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

为避免在编辑过程中发生意外状况（如断网、刷新加载等情况）导致编辑丢失，官方建议在每次操作完成后进行点击保存

<mark style="color:red;">**注意：**</mark><mark style="color:red;">当您打开预览页面时，若编辑页面有修改，需点击【保存】后，在预览页面刷新或点击【重玩】才能预览到修改后的最新内容哦！</mark>


# 特殊功能:组件库&快捷排版

\#自由编辑器


# 连线组件

\#自由编辑器 #模板自由制作 #空白制作

✨模板自由制作入口：作品预览区>>>连线组件按钮 或 图层区>>>Match Line Component

<figure><img src="/files/9W4AkSML3VSeLwKygoxA" alt=""><figcaption></figcaption></figure>

✨空白制作入口：玩法模板>>>组件库>>>连线组件

<div align="left"><figure><img src="/files/9Bk3Vhxk7aqku4QNEzbi" alt="" width="416"><figcaption></figcaption></figure></div>

相关案例教学可查阅 [连线组件-空白制作教程](/playturbo-an-li-jiao-xue-ji-di/ke-wan-zi-you-bian-ji-qi-an-li/hui-zhi-wan-fa-an-li/lian-xian-zu-jian-kong-bai-zhi-zuo-jiao-cheng)

####

## <mark style="color:blue;">一、连线组件通俗介绍</mark>

* 当前，【**模板自由制作**】和【**空白制作**】都支持使用"连线组件"。使用【模板自由制作】，您可以基于原模板的玩法对组件进行调整；使用【空白制作】，可以从零开始制作连线玩法的素材
* 基于现有的「连线组件」，您可调整模板的可画线范围、画线的起止区域及样式、配对关系、连线类型等内容
* <mark style="color:red;">注意：同个场景仅支持添加一个组件，但可跨场景添加组件或复制组件</mark>

####

## <mark style="color:blue;">二、连线组件适用玩法示例</mark>

"连线组件"适用于如连线配对、连连看等**有固定可连线区域**或**固定配对组合**的玩法

* [示例1 - 连线解题](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001189%252F12768%252Fpv%252F24%252F04%252F24%252F66286b4e9e1d2%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E8%BF%9E%E7%BA%BF%E8%A7%A3%E9%A2%98\&language=undefined)
* [示例2 - 画线抓取](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001381%252F13098%252Fpv%252F24%252F07%252F03%252F6684c9341dc65%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E7%94%BB%E7%BA%BF%E6%8A%93%E5%8F%96\&language=undefined)
* [示例3 - 画线回家取东西](https://tinyurl.com/ywtd6nt4)
* [示例4 - 画线回家](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001222%252F12848%252Fpv%252F24%252F04%252F25%252F662a2368babcb%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E7%94%BB%E7%BA%BF%E5%9B%9E%E5%AE%B6\&language=undefined)

####

## <mark style="color:blue;">三、连线组件使用说明</mark>

「连线组件」可调整的参数分3部分：「外观」、「起止区域」、「事件」

我们将结合模板[【画线回家】](http://tinyurl.com/5vsrhwjn)进行「连线组件」的使用说明

### 1.外观

* \[显示隐藏参数]横竖屏拆分：和各图层的外观参数相同，可分别调整该连线组件在横/竖屏下是否显示
* 位置尺寸：可以修改该连线组件的宽高、位置。其宽高位置，决定了能够画出线的范围（如下图，绿色覆盖范围即是在试玩过程中可画出线的范围）
* 屏幕适配方式：和各图层的外观参数相同，可调整该连线组件的屏幕适配方式
* 缩放比例：和各图层的外观参数相同，可调整该连线组件的比例

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

### 2.起止区域

「起止区域」是连线组件独有的参数，一个连线组件有若干个起止区域和配对关系

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

#### **1）起止区域**

在该组件中设置若干个任意大小和位置的区域，该区域会和「配对关系」搭配使用，以产生具体的画线效果

在【画线回家】模板中，共有4个起止区域：

* 支持修改已有「起止区域」的线条样式：包含颜色及线条粗细
* 支持将某一起止区域的线条样式应用到当前全部起止区域
* 支持添加新的起止区域
* 对于每个起止区域，可在画布中调整其大小和位置
* 支持删除某一起止区域（但不建议这么操作，可能会导致素材无法正常试玩）
* <mark style="color:red;">注意：起止区域的线条样式，代表的是从该区域画出的线条的样式</mark>

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

#### **2）配对关系**

<mark style="color:red;">配对关系决定了某个区域是否能画出线：添加了配对关系的才可以画出线，未添加配对关系的即使有起止区域也画不出线</mark>

在【画线回家】模板中，共有4组配对关系：

* 每组配对关系需设置「开始区域」和「结束区域」，以及「配对类别」
  * 「开始区域」只能选择一个，「结束区域」支持单选或多选
  * 「配对类别」分为true和false两种类别（空白制作支持自定义创建，后面详细说明）
* 支持修改每组配对关系的名称
* 支持删除配对关系（但不建议这么操作，可能会导致素材无法正常试玩）
* 支持预览已完成配对关系的所有连线线条
* <mark style="color:red;">注意：已完成连线的起始区域无法再画线</mark>

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

<mark style="background-color:yellow;">以模板【画线回家】为例：</mark>

<mark style="background-color:yellow;">共有4组配对关系：1->3、2->4、1->4、2->3</mark>

<mark style="background-color:yellow;">其中1->3、2->4被设置为「True」配对；1->4、2->3被设置为「False」配对</mark>

<mark style="background-color:yellow;">通过以上配对关系，素材可以从区域1、2拖拽画出线，若最终手指松开的位置在区域3、4内，则画线被保留，并触发相应的事件，否则画线不保留</mark>

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

<mark style="color:red;">**注意：**</mark><mark style="color:red;">【空白制作】使用连线组件时，【配对类别】需自行添加。可根据实际制作情况添加多种配对类别。</mark>

点击图示设置按钮，调起【配对类别】弹窗，点击【添加配对类别】，输入名称即设置完成。成功添加后，可选择配对类别

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

#### **3）连线配对**

影响配对关系

* 若选择「单向」，仅能从每个配对的前一个区域开始画线，后一个区域无法画出线。<mark style="background-color:yellow;">以模板【画线回家】的第一组配对关系为例，只能由区域1开始画线，到区域3结束，是无法从区域3开始画线的</mark>
* 若选择「双向」，则能从每组配对关系的任一区域开始画线。<mark style="background-color:yellow;">以模板【画线回家】的第一组配对关系为例，可从区域1开始画线到区域3，也可从区域3开始画线到区域1，两种都能成功完成画线</mark>

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

#### **4）连线类型**

决定画出的线条类型

* 自由绘制：简单来说，自由绘制就是跟随手指的画线轨迹所出现的曲线
* 直线：不受手指在画线过程中的轨迹影响，最终只形成直线

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

### 3.事件

「连线组件」包含两种**触发事件**：「开始画线」、「画线完成」

和「连线组件」相关的**响应事件**包含：「抹除连线线条」、「修改连线线条样式」、「启用/禁用配对关系」、「修改已连线配对的线条样式」、「启用/禁用起止区域」

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

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

#### <mark style="background-color:orange;">1-1）</mark><mark style="background-color:orange;">**触发事件：开始画线**</mark>

需要选择开始画线的区域（支持单选或多选）并设置响应事件

**触发时机为：**<mark style="color:red;">**从已选择的「起止区域」开始画线时**</mark>

<mark style="background-color:yellow;">以模板【画线回家】为例，起止区域选择1和2，响应事件选择从头播放音效。则实现的效果是：当玩家从区域1或区域2任一位置开始画线时，会开始播放音效</mark>

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

#### <mark style="background-color:orange;">1-2）</mark><mark style="background-color:orange;">**触发事件：画线完成**</mark>

需选择「是否匹配」以及「配对方式」下的「配对关系」或「配对类别」

* 若选择「匹配」-「配对关系」（支持单选或多选），还需选择具体是哪一组或哪几组配对关系
* 若选择「匹配」-「配对类别」，还需选择配对类别是true或者false

<mark style="color:red;">**注意:**</mark><mark style="color:red;">这里的true/false对应的是我们在前面「起止区域」部分所设置的配对关系的属性。</mark>在【画线回家】模板中，「配对1 -> 3」和「配对2-> 4」的类别为true，「配对1 -> 4」和「配对2-> 3」的类别为false

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

**触发时机为：**<mark style="color:red;">**当已选择的配对关系或配对类别画线完成时**</mark>

**注意：**&#x5F53;我们多选了「配对关系」或者选择了某一「配对类别」时，只要<mark style="color:red;">其中任意一组「配对关系」完成画线</mark>，响应事件即会生效

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

<mark style="background-color:yellow;">以模板【画线回家】为例：</mark>

<mark style="background-color:yellow;">当设置「匹配」→「配对关系」→「配对1 -> 3」，响应事件为「跳转下一场景」时：则在区域1开始画线到区域3成功完成画线后，会跳转到下一场景</mark>

<mark style="background-color:yellow;">当设置「匹配」→「配对类别」→「true」，响应事件为「跳转下一场景」时：则在成功完成类别为true 的「1->3」</mark><mark style="color:red;background-color:yellow;">**或**</mark><mark style="background-color:yellow;">「2->4」</mark> <mark style="background-color:yellow;"></mark><mark style="background-color:yellow;">**任意**</mark><mark style="background-color:yellow;">一组画线时，都会跳转到下一场景</mark>

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

* 若选择「不匹配」，直接添加对应响应事件即可

**触发时机为：当开始画线后，手指在**<mark style="color:red;">**所有配对关系以外的区域**</mark>**松开时，都属于不匹配**

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

<mark style="background-color:yellow;">以模板【画线回家】为例：</mark>

<mark style="background-color:yellow;">当设置「不匹配」，响应事件为「跳转下一场景」时：从区域1开始画线，在区域3或区域4之外松开画线，则视为「不匹配」，会跳转到下一场景；同理，从区域2开始画线，在区域3或区域4之外松开画线，则视为「不匹配」，会跳转到下一场景</mark>

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

<mark style="color:red;">**注意：**</mark>「画线类别-false」和「不匹配」的区别：

「画线类别-false」 ：属于「配对关系」的一种（如模板中的配对1 -> 4）

「不匹配」：不包含任意一种「配对关系」（如模板中的配对1 -> 2）

#### <mark style="background-color:orange;">2-1）</mark><mark style="background-color:orange;">**响应事件：抹除连线线条**</mark>

需要选择抹除的「配对关系」。

该事件的响应结果为：所选择的配对关系中，**已画完的线条**会被抹除。

<mark style="color:red;">**注意：该响应事件仅对「直线」生效，对「自由绘制」不生效**</mark>

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

#### <mark style="background-color:orange;">2-2）</mark><mark style="background-color:orange;">**响应事件：修改连线线条样式**</mark>

需要选择修改的「起止区域」并设置线条样式。

该事件的响应结果为：所选择区域**开始画出的线及已经画完的线**，样式会修改为指定样式。

<mark style="color:red;">**注意：该响应事件**</mark>

* <mark style="color:red;">**针对「直线」：已画的和未画的线都生效**</mark>
* <mark style="color:red;">**针对「自由绘制」：已画的线不生效，未画的线生效**</mark>

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

#### <mark style="background-color:orange;">2-3）</mark><mark style="background-color:orange;">**响应事件：**</mark><mark style="background-color:orange;">修改已连线配对的线条样式</mark>

需要选择修改的「配对关系」并设置线条样式。

该事件的响应结果为：所选择的配对关系中，**已画完的线条**会被修改为指定样式

<mark style="color:red;">**注意：该响应事件仅对「直线」生效，对「自由绘制」不生效**</mark>

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

#### <mark style="background-color:orange;">2-4）</mark><mark style="background-color:orange;">**响应事件：启用/禁用配对关系**</mark>

需要选择启用或禁用的「配对关系」。

* 若选择「禁用」，该事件的响应结果为：该配对关系，不再能够开始画线和结束画线
* 若选择「启用」，该事件的响应结果为：取消该配对关系的「禁用」事件

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

#### <mark style="background-color:orange;">2-5）</mark><mark style="background-color:orange;">**响应事件：启用/禁用起止区域**</mark>

需要选择启用或禁用的「起止区域」。

* 若选择「禁用」，该事件的响应结果为：该起止区域，不再能够开始画线
* 若选择「启用」，该事件的响应结果为：取消该区域的「禁用」事件

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


# 自由画线组件

\#自由编辑器 #模板自由制作 #空白制作

✨模板自由制作入口：作品预览区>>>自由画线按钮 或 图层区>>>Draw Lines Component

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

✨空白制作入口：玩法模板>>>组件库>>>自由画线组件

<div align="left"><figure><img src="/files/FdlGfmtjeNKdrxMHHcv5" alt="" width="416"><figcaption></figcaption></figure></div>

相关案例教学可查阅 [自由画线组件-空白制作教程](/playturbo-an-li-jiao-xue-ji-di/ke-wan-zi-you-bian-ji-qi-an-li/hui-zhi-wan-fa-an-li/zi-you-hua-xian-zu-jian-kong-bai-zhi-zuo-jiao-cheng)

####

## <mark style="color:blue;">一、自由画线组件通俗介绍</mark>

* 当前，【**模板自由制作**】和【**空白制作**】都支持使用"连线组件"。使用【模板自由制作】，您可以基于原模板的玩法对组件进行调整；使用【空白制作】，可以从零开始制作画线玩法的素材
* 基于现有的「自由画线组件」，您可调整模板的可画线范围、线条样式等内容
* <mark style="color:red;">注意：同个场景仅支持添加一个组件，但可跨场景添加组件或复制组件</mark>

####

## <mark style="color:blue;">二、自由画线组件适用玩法示例</mark>

"自由画线组件"适用于能够**在区域内自由画线**的玩法。通过「自由画线组件」，实现在指定区域内自由画线，并根据线条触发各种效果

* [示例1 - 临摹画图](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001312%252F13021%252Fpv%252F24%252F06%252F03%252F665d8362e6f54%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E4%B8%B4%E6%91%B9%E7%94%BB%E5%9B%BE\&language=undefined)
* [示例2 - 画线通车](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001166%252F12705%252Fpv%252F24%252F04%252F03%252F660ccbecb1ce3%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E7%94%BB%E7%BA%BF%E9%80%9A%E8%BD%A6\&language=undefined)
* [示例3 - 画线砸它](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001138%252F12638%252Fpv%252F24%252F08%252F12%252F66b9a925b825c%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E7%94%BB%E7%BA%BF%E7%A0%B8%E5%AE%83\&language=undefined)
* [示例4 - 画线救它](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001137%252F12633%252Fpv%252F24%252F04%252F08%252F6613b8d975a19%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E7%94%BB%E7%BA%BF%E6%95%91%E5%AE%83\&language=undefined)

####

## <mark style="color:blue;">三、自由画线组件使用说明</mark>

「自由画线组件」可调整的参数分三部分：「外观」、「线条」、「事件」

我们将结合模板[【画线救它】](http://tinyurl.com/bdcm78r2)进行「自由画线组件」的使用说明

### 1. 外观

* \[显示隐藏参数]横竖屏拆分：和各图层的外观参数相同，可分别调整该画线组件在横/竖屏下是否显示
* 位置尺寸：可以修改该画线组件的宽高、位置。其宽高位置，决定了能够画出线的范围（如下图，绿色覆盖范围即是在试玩过程中可画出线的范围）
* 屏幕适配方式：和各图层的外观参数相同，可调整该画线组件的屏幕适配方式
* 缩放比例：和各图层的外观参数相同，可调整该画线组件的比例

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

### 2.线条

「线条」参数包含“线条样式”和“刚体类型”两部分

#### 1）线条样式

* 可以设置画出的线条颜色及粗细
* 点击「预览线条」可在画布中预览所设置的线条样式

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

#### 2）刚体类型(暂不支持调整)

「刚体类型」可以决定画出的线条，是否具有刚体属性。共有四种类型可以选择：

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

* 非刚体：不具有物理性质，仅作为图片展示
* 静态刚体：具有物理性质，会与其他的刚体发生碰撞，但静态刚体本身始终静止不动。如墙壁、地面等
* 动力学刚体：有一定质量并在外力作用下运动，遵循牛顿定律的物体，会与其他类型的刚体发生碰撞并改变其速度。如自由下落的小球
* 运动学刚体：不考虑物体受力情况和质量，以恒定的速度运动的物体，会与「动力学刚体」发生碰撞。如始终匀速运动的小球

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

### 3.事件

「自由画线组件」包含两种**触发事件**：「开始画线」、「画线完成」

和「自由画线组件」相关的**响应事件**包含：「抹除画线线条」、「修改画线线条样式」、「启用/禁用自由画线组件」、「已画线条生成刚体」

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

#### <mark style="background-color:orange;">1-1）</mark><mark style="background-color:orange;">**触发事件：开始画线**</mark>

设置「开始画线」，并添加所需的响应事件

**触发时机为：**<mark style="color:red;">**当玩家开始画线时**</mark>

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

#### <mark style="background-color:orange;">1-2）</mark><mark style="background-color:orange;">**触发事件：画线完成**</mark>

设置「画线完成」，并添加所需的响应事件

**触发时机为：**<mark style="color:red;">**当玩家完成画线时**</mark>

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

#### <mark style="background-color:orange;">2-1）</mark><mark style="background-color:orange;">**响应事件：抹除画线线条**</mark>

该事件的响应结果为：所有已画完成的线条会被抹除

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

#### <mark style="background-color:orange;">2-2）</mark><mark style="background-color:orange;">**响应事件：修改画线线条样式**</mark>

该事件的响应结果为：画出的线条将被修改为指定样式

<mark style="color:red;">**注意：该响应事件仅对未画出的线生效，对已画出的不生效**</mark>

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

#### <mark style="background-color:orange;">2-3）</mark><mark style="background-color:orange;">**响应事件：**</mark><mark style="background-color:orange;">启用/禁用自由画线组件</mark>

需要选择启用/禁用：

* 若选择「禁用」，该事件的响应结果为：该组件不再能够开始画线和完成画线
* 若选择「启用」，该事件的响应结果为：取消「禁用」事件

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

<mark style="background-color:orange;">**2-4）响应事件：已画线条生成刚体**</mark>

该事件的响应结果为：线条根据所选的「刚体类型」，变为刚体

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


# 擦除组件

\#自由编辑器 #模板自由制作 #空白制作

✨模板自由制作入口：作品预览区>>>自由画线按钮 或 图层区>>>Erase Component

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

✨空白制作入口：玩法模板>>>组件库>>>擦除组件

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

相关案例教学可查阅 [擦除组件-空白制作教程](/playturbo-an-li-jiao-xue-ji-di/ke-wan-zi-you-bian-ji-qi-an-li/hui-zhi-wan-fa-an-li/ca-chu-zu-jian-kong-bai-zhi-zuo-jiao-cheng)

## <mark style="color:blue;">一、擦除组件通俗介绍</mark>

* 组件使用底层逻辑：设置「蒙层」与「底图」，让玩家通过"擦除蒙层后显示底图"来实现擦除效果
* 当前，【**模板自由制作**】和【**空白制作**】都支持使用"擦除组件"。使用【模板自由制作】，您可以基于原模板的玩法对组件进行调整；使用【空白制作】或新增擦除组件，需完成组件的 「外观」、「擦除笔触」、「组件图层」、「事件判定」、「事件」等参数的设置，擦除组件才可正式生效
* <mark style="color:red;">注意：同个场景仅支持添加一个组件，但可跨场景添加组件或复制组件</mark>

## <mark style="color:blue;">二、擦除组件适用玩法示例</mark>

"擦除组件"适用于"擦除遮罩以显示底图"或"涂抹上色"等在区域内滑动进行擦除/涂抹的玩法

* [示例1 - 美妆擦除](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001239%252F12884%252Fpv%252F24%252F07%252F02%252F6683a348e7041%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E7%BE%8E%E5%A6%86%E6%93%A6%E9%99%A4\&language=undefined)
* [示例2 - 趣味擦除](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001252%252F12909%252Fpv%252F24%252F06%252F27%252F667d33c167d25%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E8%B6%A3%E5%91%B3%E6%93%A6%E9%99%A4\&language=undefined)
* [示例3 - 选择道具擦除](https://tinyurl.com/ywyce8fc)
* [示例4 - 清洁擦除](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001288%252F12980%252Fpv%252F24%252F06%252F03%252F665d6af571d53%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E6%B8%85%E6%B4%81%E6%93%A6%E9%99%A4\&language=undefined)

## <mark style="color:blue;">三、擦除组件使用说明</mark>

### 1.添加擦除组件

* 点击擦除组件右下方的"+"号即可成功添加一个擦除组件

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

擦除组件可调整的参数分四部分：「外观」、「动画」、「擦除设置」、「事件」。接下来，我们依次介绍。

### 2.参数: 外观

* 组件是否启用：可在「外观」参数下通过调节此开关来启用/禁用擦除组件（默认启用）
* 其他参数的使用同常规图层一样，在此不作说明

<figure><img src="/files/2QVOS8T0oiKol0p8Ch70" alt=""><figcaption></figcaption></figure>

### 3.参数: 动画

在此处设置的动画是对整个擦除组件生效的，具体的使用同常规图层一样，在此不作说明

### 4.参数: 擦除设置

擦除设置包含三部分：「擦除笔触设置」、「组件图层(蒙层与底图)」、「事件判定」

* 擦除笔触 决定了擦除的笔触形状、大小及样式
* 组件图层(蒙层与底图) 决定了可被擦除及擦除后展示的图层样式
* 事件判定 决定了擦除是否到达指定阶段，是否需要触发后续事件

<mark style="color:red;">注意：「擦除设置」为擦除组件最核心的参数，请务必将各部分设置完成</mark>

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

#### <mark style="background-color:red;">Part1：擦除笔触设置</mark>

「擦除笔触设置」包含：笔触样式、跟手图片。其决定了擦除时手指移动过程中笔触的实际形状、大小及样式

**1）笔触样式**

* 圆形：擦除时笔触为一圆形，具体大小可通过【尺寸】进行设置
* 矩形：擦除时笔触为一矩形，具体大小可通过【尺寸】进行设置
* 图片识别：可上传png或序列帧图片，将识别该图片的轮廓作为擦除笔触。同样可设置图片的尺寸

<div align="left"><figure><img src="/files/gajbCrQOSFiTHsZbNmD8" alt="" width="545"><figcaption><p>不同的笔触样式效果对比</p></figcaption></figure></div>

**2）跟手图片**

* 决定擦除过程中跟随手指移动的图片样式（与擦除笔触无关），非必需上传
* 若添加跟手图片，可点击图片，在弹窗内修改其尺寸、旋转角度、跟手锚点等外观参数
* 跟手锚点：即笔触中心点，决定了在擦除时笔触出现的位置。可移动绿点进行调整

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

#### <mark style="background-color:red;">Part2：组件图层(蒙层与底图)</mark>

组件图层包含蒙层与底图

**1）蒙层（对应组件图层下的Mask）**

* 蒙层即"可被擦除的对象"
* 可上传单张或多张静帧图片共同作为蒙层
* 可通过开关按钮决定蒙层是默认启用或禁用。禁用后，可通过事件控制在特定时机下再启用

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

* 点击蒙层，可在弹窗内设置蒙层外观、动画等参数
* 支持在画布区直接拖拽蒙层图片来调整蒙层位置
* 擦除过程中，当擦除笔触移动到蒙层上时，根据笔触大小和轨迹将擦除蒙层（若蒙层多张图片发生了重叠，则重叠部分会被一并擦除）
* <mark style="color:red;">玩家可擦除的区域 = Mask的图片大小</mark>

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

**2）底图（对应组件图层下的Buttom image）**

* 底图即"不可擦除/不可被遮挡的对象"，会始终处于蒙层下方
* 底图支持上传单张或多张静帧图片、动图、序列帧

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

* 点击底图，可在弹窗内设置底图外观、动画等参数
* 同样支持在画布区直接拖拽底图来调整位置
* 擦除过程中，当上方蒙层被擦除时，底图会随之显现

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

**3）自定义图层**

支持添加自定义图层分组。添加时需要设定其【分组名称】及【是否可以被擦除】

* 可被擦除：相当于蒙层。在擦除过程中，该分组下的所有图层都可以被擦除
* 不可擦除：相当于底图。不可以被擦除

<figure><img src="/files/1MCY6cTXAQS1BjK7om9k" alt=""><figcaption></figcaption></figure>

自定义图层的适用场景：可用于设置某些特殊图层

如障碍物：既不是蒙层，也不是底图，但不可擦除，然后可通过事件设置来控制擦除时碰到该图层会触发某种效果

#### <mark style="background-color:red;">Part3：事件判定</mark>

判定某个区域擦除是否达到了某个百分比（如蒙层是否擦除了80%），并以此作为后续事件的触发条件

举例：如设置"抬手时判定"、"蒙层区域擦除超过80%时"触发后续的跳转场景事件。这里的「超过80%」的判断，就需要通过「事件判定」参数来设置

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

**1）判断时机**

分为抬手时判定和擦除过程实时判定

* 抬手时判定：在擦除抬手时进行判定，判定区域擦除情况是否达到设定阶段
* 擦除过程实时判定：在擦除过程中实时计算，判定区域擦除情况是否达到设定阶段(该选项可能会引起性能问题，建议非必要不设置为实时判定)

**2）事件判定**

2-1）判定区域选择：可选择若干个蒙层图层，或若干个自定义判定区域

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

<mark style="background-color:yellow;">自定义判定区域</mark>

* 添加自定义判定区域：可点击【添加/管理自定义判定区域】调起弹窗，然后点击【添加自定义判定区域】，并编辑名称、添加矩形，完成添加
* 添加矩形：点击「添加矩形」，在画布中添加若干个矩形并编辑其位置、大小。若添加了多个矩形，范围会取多个矩形的并集
* 每个自定义区域可进行预览、编辑、复制、删除

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

2-2）阶段设置

* 通过「新增阶段」按钮，可新增单个或多个阶段
* 可调节每个阶段的百分比，设定阶段的具体数值（如擦除区域到达60%为阶段1；到达80%为阶段2），以此作为后续事件的触发条件

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

### 5.参数: 事件

「擦除组件」存在独特的触发事件和响应事件

#### <mark style="background-color:red;">5-1）触发事件</mark>

擦除组件的独特「触发事件」包含：「开始擦除」、「抬手」、「到达某一阶段」、「未到达某一阶段」，<mark style="color:red;">只可以添加在「擦除组件」下</mark>

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

1）开始擦除：按下手指，在启用的可被擦除分组的图层上滑动，视为触发开始擦除

2）抬手：触发开始擦除后 抬起手指，视为触发抬手

3）到达某一阶段：根据「事件判定」中设置的条件，到达了某一阶段，视为触发到达某一阶段

4）未到达某一阶段：根据「事件判定」中设置的条件，若未到达某一阶段，视为触发未到达某一阶段

<mark style="color:red;">注：对于以上触发事件，均可设置「只生效一次」。若未勾选，则该事件可反复触发；若勾选，则只触发一次。</mark>

<div align="left"><figure><img src="/files/H7pbOWyEY1gzf9bFWE10" alt="" width="544"><figcaption></figcaption></figure></div>

#### <mark style="background-color:red;">5-2）响应事件</mark>

擦除组件独特的「响应事件」包含：①启用/禁用擦除组件、②清除擦除痕迹、③显示/隐藏分组、④启用/禁用可被擦除分组、⑤显示并播放/暂停播放 分组的全部序列帧、⑥播放/暂停播放/继续播放 分组的单个/全部动画、⑦替换跟手图片 七类。

以上响应事件，在添加了「擦除组件」的前提下，均可被添加设置

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

**1）启用/禁用擦除组件**

触发后，擦除组件可以被禁用或再次启用

*如设置：抬手-禁用擦除组件，则代表在擦除完抬手时，擦除组件将被禁用，不再生效*

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

**2）清除擦除痕迹**

触发后，会清除组件内已完成的擦除痕迹

*如设置：抬手-清除擦除痕迹，则效果对比如图所示*

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

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

**3）显示/隐藏分组**

需选择具体某个分组(蒙层、底图或自定义分组)，触发后，即可显示或隐藏对应分组

*如设置：到达某一阶段后-隐藏蒙层*

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

**4）启用/禁用可被擦除分组**

需选择具体某个可被擦除的分组(蒙层或自定义分组），触发后，使之允许被擦除/不允许被擦除

*如设置：到达某一阶段后-禁用蒙层，则在擦除到达指定阶段后，蒙层不能再被擦除掉*

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

**5）显示并播放/暂停播放 分组的全部序列帧**

需选择具体某个分组，触发后，可播放/暂停播放 此分组下的所有序列帧图层

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

**6）播放/暂停播放/继续播放 分组的单个/全部动画**

需选择具体某个分组，触发后，可播放/暂停播放/继续播放 此分组下的单个/全部图层的动画

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

**7）替换跟手图片**

需选择具体某张跟手图片，触发后，当前跟手图片将被替换为此处设置的这张图片

*如示例：触发后跟手图片由左图变成右图*

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

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

## <mark style="color:blue;">四、擦除组件常见FAQ</mark>

#### Q1：使用擦除组件，设置了"抬手"事件(如:抬手-暂停播放擦除音效；抬手-播放震屏反馈)，但预览时发现“玩家没抬手却触发了抬手事件”？

**A：**&#x8FD9;可能是因为您使用的Mask图片尺寸偏小。因<mark style="color:red;">玩家可擦除的区域 = Mask的图片大小</mark>，当玩家手指超出Mask的范围时则会被系统判定为"抬手"，从而被动触发抬手事件

**解决办法：**&#x61;.在Mask分组里上传任意一张图片，尺寸调整为您想要的擦除范围，将该图片透明度设为0即可；b.或先在外部将Mask图片的尺寸做得大一些，再替换掉当前图片

#### Q2：使用擦除组件做模拟装扮玩法，核心的制作逻辑是？

**A：**&#x2460;设置【笔触样式】；②添加【跟手图片】，如化妆刷/粒子效果等，跟随玩家手指一起运动；③添加Mask图片与底图，通过擦除Mask来显示底图；④选择判断时机并设置事件判定；⑤为组件设置事件


# 遮罩组件

\#自由编辑器 #模板自由制作 #空白制作

✨模板自由制作入口：作品预览区>>>遮罩组件按钮 或 图层区>>>Mask Component

<figure><img src="/files/2Rusr1yC1G93dTdKsoPB" alt=""><figcaption></figcaption></figure>

✨空白制作入口：玩法模板>>>组件库>>>遮罩组件

<div align="left"><figure><img src="/files/Pkc4cDfsjZKMWZPZ1ghl" alt="" width="403"><figcaption></figcaption></figure></div>

相关案例教学可查阅 [遮罩组件-空白制作教程](/playturbo-an-li-jiao-xue-ji-di/ke-wan-zi-you-bian-ji-qi-an-li/hui-zhi-wan-fa-an-li/zhe-zhao-zu-jian-kong-bai-zhi-zuo-jiao-cheng)

####

## <mark style="color:blue;">一、遮罩组件通俗介绍</mark>

* 组件使用底层逻辑：通过「遮罩形状」来控制「被遮罩组」显示的部分，即「被遮罩组」内的图像，在「遮罩形状」覆盖范围内的部分会显示，覆盖范围外的部分会隐藏
* 当前，【**模板自由制作**】和【**空白制作**】都支持使用"遮罩组件"。使用【模板自由制作】，您可以基于原模板的玩法对组件进行调整；使用【空白制作】或新增遮罩组件，最少需完成遮罩组件的 「外观」、「遮罩形状」、「被遮罩组」等参数设置，遮罩组件才可正式生效
* <mark style="color:red;">注意：同个场景仅支持添加一个组件，但可跨场景添加组件或复制组件</mark>

####

## <mark style="color:blue;">二、遮罩组件适用玩法示例</mark>

"遮罩组件"适用于 通过点击/拖拽等交互方式，调整遮罩蒙层，展示目标图片 的玩法

* [示例1 - 选图滑动上色](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001531%252F13444%252Fpv%252F24%252F08%252F12%252F66b9cfbc1d266%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E9%80%89%E5%9B%BE%E6%BB%91%E5%8A%A8%E4%B8%8A%E8%89%B2\&language=undefined)
* [示例2 - 放大镜谜题](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001595%252F13516%252Fpv%252F24%252F11%252F13%252F673416fe361eb%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E6%94%BE%E5%A4%A7%E9%95%9C%E8%B0%9C%E9%A2%98\&language=undefined)
* [示例3- 点击涂色](https://tinyurl.com/ykrebstj)
* [示例4 - 点击涂色](https://tinyurl.com/2eemxpa9)

####

## <mark style="color:blue;">三、遮罩组件使用说明</mark>

「遮罩组件」可调整的参数分四部分：外观、动画、遮罩设置、事件

### 1.外观

* 组件是否启用：可在「外观」参数下通过调节此开关来启用/禁用遮罩组件（默认启用）
* 其他参数的使用同常规图层一样，在此不作说明。需注意：当调整遮罩组件的外观参数(如位置大小)时，遮罩组件内的所有图层会跟着一起变化

<figure><img src="/files/8xAjyLgTvkaqlKvlF8Ui" alt=""><figcaption></figcaption></figure>

### 2.动画

在此处设置的动画是对整个遮罩组件生效的，具体的使用同常规图层一样，在此不作说明

### 3.遮罩设置

一个「遮罩组件」最少包含一个「遮罩组」。遮罩组(遮罩设置)包含三部分：遮罩形状、被遮罩组、自定义分组（选做）

<mark style="color:red;">注意：「遮罩设置」为遮罩组件最核心的参数，请务必将各部分设置完成</mark>

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

#### 3.1 遮罩组

新增：支持新增遮罩组，点击后输入新遮罩组名称即可创建遮罩组

添加动画：可为遮罩组添加动画，添加后动画对组内所有元素生效

显示/隐藏：可调整遮罩组的显示/隐藏，对组内所有元素生效（默认显示）

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

#### 3.2 遮罩形状

<mark style="background-color:red;">**形状**</mark>：「遮罩形状」覆盖到「被遮罩组」的部分会显示，未覆盖到的部分会隐藏

* 形状支持设置「矩形」或「圆形」，并可调整其「外观」、「动画」、「事件」参数
  * 外观：可调整该形状的位置尺寸、缩放比例、旋转角度
  * 动画：可对该形状设置动画
  * 事件：可对遮罩形状设置事件(可设置「拖拽」事件，使遮罩在实际试玩中可拖动)
* 可点击「预览遮罩效果」，在画布内预览当前遮罩形状的位置大小

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

<mark style="background-color:red;">**跟随元素**</mark>（非必须添加）：设置跟随元素后，需为形状添加「拖拽」事件。设置完成后，跟随元素将会跟随形状的拖拽同步移动

* 支持添加多个跟随元素，点击右侧"+"按钮即可从资产库中添加
* 点击可调整「跟随元素」的「外观」、「动画」、「事件」参数（使用同常规图层一样）

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

#### <mark style="background-color:red;">3.3 被遮罩组</mark>

「被遮罩组」内的图像，在「遮罩形状」覆盖范围内的部分会显示，覆盖范围外的部分会隐藏

* 支持添加多个 被遮罩元素，点击右侧"+"按钮即可从资产库中添加
* 点击可调整「被遮罩元素」的「外观」、「动画」、「事件」参数（使用同常规图层一样）

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

#### 3.4 自定义分组

<mark style="color:red;">「自定义分组」</mark>作为遮罩组件的一部分，可随着遮罩组件一起缩放和调整位置，但<mark style="color:red;">不受遮罩的影响，不会被遮罩</mark> （如下图所示，将"被遮罩组"对应的黑白底图加入到自定义分组中，当"遮罩形状"覆盖"被遮罩组"时，展示"被遮罩组"的彩色图片，其他部分则展示该黑白底片）

**用户可根据自身创意，决定是否要添加「自定义分组」**

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

### 4.事件

「遮罩组件」独特的**响应事件**包含：启用/禁用遮罩组件、启用/禁用遮罩组、显示/隐藏遮罩组、显示/隐藏遮罩分组、启用/禁用遮罩效果

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

#### 4.1 启用/禁用遮罩组件

需选择启用/禁用

若被禁用，等同于禁用所有的遮罩组。遮罩组下的所有遮罩层、被遮罩层事件将不再生效

<div align="left"><figure><img src="/files/fdoNdSS25ZDl89tX7kP3" alt="的" width="314"><figcaption></figcaption></figure></div>

#### 4.2 启用/禁用遮罩组

需选择启用/禁用和某个遮罩组

若被禁用，遮罩组下的所有遮罩层、被遮罩层事件将不再生效

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

#### 4.3 显示/隐藏遮罩组

需选择显示/隐藏和某个遮罩组

选择后，将显示/隐藏某个遮罩组内的所有元素

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

#### 4.4 显示/隐藏遮罩分组

需选择显示/隐藏和某个遮罩分组

选择后，将显示/隐藏某个遮罩分组内的所有元素

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

#### 4.5 启用/禁用遮罩效果

需选择启用/禁用和某个遮罩组

若启用，则「被遮罩组」会受「遮罩形状」的影响而展示；若禁用，则「被遮罩组」不受「遮罩形状」影响，直接展示

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


# 轮播组件

\#自由编辑器 #模板自由制作 #空白制作

✨模板自由制作入口：作品预览区>>>轮播组件按钮 或 图层区>>>Carousel Component

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

✨空白制作入口：玩法模板>>>组件库>>>轮播组件

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

相关案例教学可查阅  [轮播组件-空白制作教程](/playturbo-an-li-jiao-xue-ji-di/ke-wan-zi-you-bian-ji-qi-an-li/lun-bo-zhan-shi-wan-fa-an-li/lun-bo-zu-jian-kong-bai-zhi-zuo-jiao-cheng)

####

## <mark style="color:blue;">一、轮播组件通俗介绍</mark>

* 当前，【**模板自由制作**】和【**空白制作**】都支持使用"轮播组件"。使用【模板自由制作】，您可以基于原模板的玩法对组件进行调整；
* 使用【空白制作】或新增轮播组件，最少需完成组件的 「轮播样式选择」、「资源组」、「坑位设置」、「交互方式」、「高级设置」等参数设置，轮播组件才可正式生效
* <mark style="color:red;">注意：同个场景仅支持添加一个组件，但可跨场景添加组件 或 复制组件</mark>

####

## <mark style="color:blue;">二、轮播组件适用玩法示例</mark>

"轮播组件"适用于 要素自动/手动轮播类的玩法

* [示例1 - 抓住优惠券](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001596%252F13604%252Fpv%252F24%252F10%252F12%252F670a2e7d3f0fa%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E6%8A%93%E4%BD%8F%E4%BC%98%E6%83%A0%E5%88%B8\&language=undefined)
* [示例2 - 多要素展示切换](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001711%252F13679%252Fpv%252F24%252F10%252F28%252F671f43c686352%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E5%A4%9A%E8%A6%81%E7%B4%A0%E5%B1%95%E7%A4%BA%E5%88%87%E6%8D%A2\&language=undefined)
* [示例3 - 丝滑循环展示](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001666%252F13599%252Fpv%252F24%252F10%252F11%252F6708efe81ab47%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E4%B8%9D%E6%BB%91%E5%BE%AA%E7%8E%AF%E5%B1%95%E7%A4%BA\&language=undefined)
* [示例4 - 循环展示](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001723%252F13713%252Fpv%252F24%252F11%252F07%252F672c555595291%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E5%BE%AA%E7%8E%AF%E5%B1%95%E7%A4%BAv4\&language=undefined)

####

## <mark style="color:blue;">三、轮播组件使用说明</mark>

「轮播组件」可调整的参数分四部分：外观、动画、**轮播设置**、事件

### 1.外观

* 组件是否启用：可在「外观」参数下通过调节此开关来启用/禁用轮播组件（默认启用）
* 超出范围是否裁剪：若打开「超出范围是否裁剪」，则超出组件范围的图片不予展示（默认不裁剪）
* 其他参数的使用同常规图层一样，在此不作说明。需注意：当调整轮播组件的外观参数(如位置大小)时，轮播组件内的所有图层会跟着一起变化

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

### 2.动画

在此处设置的动画是对整个轮播组件生效的，具体的使用同常规图层一样，在此不作说明

### 3.轮播设置

轮播设置包含五部分参数，需先进行「样式选择」设置，再进行「资源组」、「坑位设置」、「交互方式」、「高级设置」等参数的设置

<mark style="color:red;">注意：「轮播设置」为轮播组件最核心的参数，请务必将各部分设置完成</mark>

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

#### <mark style="background-color:red;">3.1 样式选择</mark>

当前支持五种轮播样式（每种轮播样式的具体效果可参考缩略图的动画）

* **常规轮播：**&#x5361;片默认间隔排列 同时展示多张，切换时进行**移动**的轮播
* **原地缩放轮播：**&#x5361;片默认处于相同位置 单次展示一张，切换时进行**原地缩放**的轮播
* **滚动缩放轮播：**&#x5361;片默认密集排列，切换时进行**缩放&移动**的轮播
* **透明度轮播：**&#x5361;片默认间隔排列 单次展示一张，切换时进行**移动&透明度变化**的轮播
* **渐隐缩放轮播：**&#x5361;片默认间隔排列 单次展示一张，切换时进行**缩放&移动&透明度变化**的轮播

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

#### <mark style="background-color:red;">3.2 资源组</mark>

「资源组」用来添加所要展示的要素 及 设置要素参数。

<mark style="color:red;">一个资源组可包含一个或多个轮播组；一个轮播组支持添加一张或多张图片</mark>

<mark style="background-color:red;">**3.2.1 单个轮播组**</mark>

* 上传轮播图片：点击+号，可从资产库或项目资产中选择图片加入轮播组
* 替换轮播图片：点击图示按钮(蓝色)，可替换当前轮播图片

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

* 支持设置 「显示」/「隐藏」 轮播组或轮播图片
* 支持 删除 轮播组或轮播图片
* 支持 拖拽移动 轮播组或轮播图片的位置

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

* 点击轮播组，调起轮播组的「外观」参数弹窗，可调整轮播组的整体尺寸位置及「坑位尺寸」和「坑位间隔」
  * **坑位尺寸：**&#x5373;每个图片坑位的尺寸大小。放在其中的图片按最长边进行适配
  * **坑位间隔：**&#x51B3;定了每个坑位中心点之间的间距
  * 坑位缩放：对应轮播组的尺寸比例，仅做参考作用，不支持调整

<div align="left"><figure><img src="/files/Gw2s95xz3CKx2WdAR8zZ" alt="" width="504"><figcaption></figcaption></figure></div>

效果示例：

<div align="left"><figure><img src="/files/9nc2VF5qRQRQxLltxpUp" alt="" width="563"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/5XpQ53erTMprcVWBixM1" alt="" width="563"><figcaption></figcaption></figure></div>

* 点击单个轮播图片调起弹窗，可设置该图片的「资源类别」及「事件」
* 需先【添加类别】，自定义类别后，再选择对应类别
* 资源类别用于后续事件判定成功or失败

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

示例：如[本示例素材](https://tinyurl.com/5evemtcd)，就是添加了三种资源类别：「粉色」、「灰色」、「绿色」三套造型

可设置：切换轮播，当角色的头部、身体、脚部变为同一套造型（即同一种资源类别）时，触发后续事件

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

<mark style="background-color:red;">**3.2.2 添加轮播组**</mark>

* 添加轮播组：点击图示按钮，都可新建一个轮播组
* 轮播组之间支持拖动调整位置
* 添加多个轮播组的使用场景：如[本示例素材](https://tinyurl.com/5evemtcd)，用多个轮播组控制不同身体部位造型的轮播切换

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

#### <mark style="background-color:red;">3.3 坑位设置</mark>

坑位设置包含「排列方式」和「坑位数」

* **排列方式：**&#x5355;选。可选水平或垂直
  * 若选择水平，则轮播为左右方向轮播
  * 若选择垂直，则轮播为上下方向轮播
* <mark style="color:red;">**坑位数：**</mark><mark style="color:red;">决定了轮播时的坑位数量</mark>
  * 注意：最中间的为坑位1。如坑位数量为5，则从左到右坑位数对应分别为4-5-1-2-3

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

💡"**坑位数"与"已上传的图片数量"的关系**

* 当图片数量>坑位数时：部分图片会被隐藏。随着轮播的进行，一部分图片隐藏，另一部分图片被展示出来进行轮播
* 当图片数量=坑位数时：所有图片都被展示在对应坑位上进行轮播
* 当图片数量<坑位数时：所有图片都会被展示，由于图片数较少，会按已有资源的顺序放置在各个坑位上

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

#### <mark style="background-color:red;">3.4 交互方式</mark>

交互方式包含「播放设置」和「交互方式」

* **播放设置：**&#x81EA;动或手动，最少选择一项，支持多选
  * 只选择【自动】：无需再设置「交互方式」。轮播会自动播放
  * 只选择【手动】：需继续选择「交互方式」。轮播需通过玩家手动进行切换
  * 同时选择：需继续选择「交互方式」。既会自动轮播，又支持手动切换轮播

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

* **交互方式**(播放设置勾选"手动"后选择)：点击或拖拽，最少选择一项，支持多选
  * 只选择【拖拽】：支持拖拽切换
  * 只选择【点击】：通过点击切换按钮进行切换
  * 同时选择：既支持点击按钮切换 同时支持拖拽切换

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

* **切换按钮**(勾选"点击"后进行设置)
  * 支持 显示/隐藏 按钮
  * 点击替换按钮，支持从资产库或项目资产中选取图片替换按钮样式
  * 点击单张按钮图片，调起弹窗，可设置按钮的外观

<div align="left"><figure><img src="/files/MR9l7wWTHrL9jaDr5M7m" alt="" width="515"><figcaption></figcaption></figure></div>

#### <mark style="background-color:red;">3.5 高级设置</mark>

可对轮播动画的参数进行调整

* **动画停留时间：**<mark style="color:red;">自动轮播特有参数。</mark>该参数决定了间隔多久切换下一张图片（如设置为1s，则每切换完成后再过1s，切换下一张图片）
* **动画播放时长：**&#x5F53;设置为<mark style="color:red;">自动轮播或点击轮播</mark>时，该参数决定了动画播放的时长（如设置为0.5s，则切换图片的动画过程时长为0.5s）
* **透明度：**&#x6700;大值、最小值决定该动画播放过程中透明度的最大、最小值。数值范围为0 - 1
* **缩放：**&#x6700;大值、最小值决定该动画播放过程中缩放度的最大、最小值。数值范围为0 - 1

💡注意：调整透明度和缩放值参数时，效果会在画布中实时展示

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

### 4.事件

「轮播组件」存在独特的触发事件和响应事件

**触发事件**包含：「切换轮播时」、「轮播到某一资源」、「轮播到某一类别的资源」

相关的**响应事件**包含：「启用/禁用轮播组件」、「启用/禁用轮播组」、「暂停/播放轮播组」、「重新轮播」、「删除轮播资源」、「停留时间」

<div align="left"><figure><img src="/files/gLxVoC7JF7CwfAxUm5e3" alt=""><figcaption><p>触发事件</p></figcaption></figure></div>

<div align="left"><figure><img src="/files/WdvTGfDa44Hgqnt6Hiz3" alt=""><figcaption><p>响应事件</p></figcaption></figure></div>

#### <mark style="background-color:red;">4.1 触发事件</mark>

<table><thead><tr><th width="184">触发事件</th><th width="317">触发设置</th><th>截图</th></tr></thead><tbody><tr><td><strong>切换轮播时</strong></td><td><p>-需选择对应的轮播组</p><p>-触发时机为：选择的轮播组，轮播完成停住时，触发响应事件</p></td><td><img src="/files/sJpr7LRVKZ7xq7PJHQvO" alt="" data-size="original"></td></tr><tr><td><strong>轮播到某一资源</strong></td><td><p>-需选择对应的轮播组与对应的组内资源</p><p>-触发时机为：特定资源轮播完成停住时，触发响应事件</p></td><td><img src="/files/8MsuvFBfgA2DuGVNgfFA" alt="" data-size="original"></td></tr><tr><td><strong>轮播到某一类别的资源</strong></td><td><p>-需选择对应的轮播组与对应的资源类别</p><p>-触发时机为：将对应资源类别的资源轮播到展示位时</p></td><td><img src="/files/PEQ1GLJqf8CICex807eU" alt="" data-size="original"></td></tr></tbody></table>

#### <mark style="background-color:red;">4.2 响应事件</mark>

<table><thead><tr><th width="184">响应事件</th><th width="317">响应设置</th><th>截图</th></tr></thead><tbody><tr><td><strong>启用/禁用轮播组件</strong></td><td>若禁用，则<strong>所有轮播组</strong>停止轮播，并禁用相关的轮播功能，并禁用轮播组内图片资源的事件；启用则相反</td><td><img src="/files/Ks6IzlsLp9LejxHQpIhZ" alt="" data-size="original"></td></tr><tr><td><strong>启用/禁用轮播组</strong></td><td><p>-需选择对应的轮播组</p><p>-若禁用轮播组，则<strong>被选中的轮播组</strong>停止轮播，并禁用相关的轮播功能，并禁用轮播组内图片资源的事件；启用则相反</p></td><td><img src="/files/sO9n5iEyGXdaP8cyXzmU" alt="" data-size="original"></td></tr><tr><td><strong>暂停/播放轮播组</strong></td><td><p>-需选择对应的轮播组</p><p>-若暂停轮播组，若<strong>被选中的轮播组为「自动」轮播</strong>，则暂停自动轮播；播放则相反</p></td><td><img src="/files/b4IGwmsSv4pgJ4lUdOqg" alt="" data-size="original"></td></tr><tr><td><strong>重新轮播</strong></td><td><p>-需选择对应的轮播组</p><p>-<strong>所选的轮播组</strong>恢复到初始状态开始轮播</p></td><td><img src="/files/xvbu5A7edJevpAFcep8W" alt="" data-size="original"></td></tr><tr><td><strong>删除轮播资源</strong></td><td><p>-需选择对应的轮播资源</p><p>-将<strong>选中的轮播资源</strong>删除</p></td><td><img src="/files/jt6fwo3YawYBtd7wEDII" alt="" data-size="original"></td></tr><tr><td><strong>停留时间</strong></td><td><strong>若为「自动轮播」</strong>，将停留时间设置为指定时长</td><td><img src="/files/N4iX2g4OmMNjeaZJkokR" alt="" data-size="original"></td></tr></tbody></table>


# 快捷排版-棋盘布局

\#自由编辑器 #模板自由制作

✨模板自由制作入口1：玩法模板>>>快捷排版

✨模板自由制作入口2：直接点击画布旁的【快捷排版】图标即可进入

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

**相关案例教学可查阅**  [棋盘布局-模板自由编辑](/playturbo-an-li-jiao-xue-ji-di/ke-wan-zi-you-bian-ji-qi-an-li/xiao-chu-pi-pei-wan-fa-an-li/qi-pan-bu-ju-mu-ban-zi-you-bian-ji)

####

## <mark style="color:blue;">一、快捷排版(棋盘布局)通俗介绍</mark>

* 棋盘布局当前仅支持<mark style="color:red;">在模板的【自由制作】中使用</mark>，不支持空白制作
* 通过调整棋盘布局的 网格布局、网格背景、元素样式、元素布局等参数，您可以创建不同难度和风格的棋盘布局，完成您的创意素材输出
* Tips：在【可玩模板】界面点击【快捷排版】，即可快速筛选出支持**快捷排版**功能的模板哦！

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

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

####

## <mark style="color:blue;">二、快捷排版(棋盘布局)适用玩法示例</mark>

"棋盘布局"适用于在固定区域内调整元素布局的玩法，当前仅用于部分**消除/拼图/涂色**类模板使用

* [示例1 - 像素格上色](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001714%252F13683%252Fpv%252F24%252F11%252F13%252F673418092a4d1%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E5%83%8F%E7%B4%A0%E6%A0%BC%E4%B8%8A%E8%89%B2\&language=undefined)
* [示例2 - 射球消除砖块](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001087%252F12515%252Fpv%252F24%252F02%252F20%252F65d41ddf53414%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E5%B0%84%E7%90%83%E6%B6%88%E9%99%A4%E7%A0%96%E5%9D%97\&language=undefined)
* [示例3 - 点消解围](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20000872%252F11985%252Fpv%252F24%252F02%252F20%252F65d41d1aeed5b%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E7%82%B9%E6%B6%88%E8%A7%A3%E5%9B%B4\&language=undefined)
* [示例4 - 方形拼图](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20000495%252F10920%252Fpv%252F24%252F02%252F20%252F65d41b66b7185%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E6%96%B9%E5%BD%A2%E6%8B%BC%E5%9B%BE\&language=undefined)

####

## <mark style="color:blue;">三、快捷排版(棋盘布局)使用说明</mark>

【棋盘布局】当前支持调整的参数分两部分：「网格」、「元素」，需依次进行设置

接下来，我们将以模板[点消解围](https://tinyurl.com/25ycjwpm)为例，展开介绍【棋盘布局】的使用方法

### 1.网格

#### 1）点击进入【快捷布局】

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

#### 2）编辑网格

* 行列数：输入数字或点击小箭头图标以调整棋盘的行列数
* 排布形式：可选择 行列对齐 或 列错位

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

* 统一格子背景：可选择打开/关闭统一格子背景
* 支持替换格子背景图片，并应用于全部已激活网格（背景图片默认为正方形，超出部分将自动裁剪）

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

* 选择/橡皮擦：可通过点击或拖拽，选择/擦除要启用的格子
* 全选/清空/重置：点击相应按钮，可实现快速操作
* 温馨提示：【网格】重新设计后，请务必进入【元素】界面进行重新排版设计

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

### **2.元素**

【网格】设置完成后，点击【元素】，对元素的样式和布局进行设置

* 元素选用：可选择启用/禁用元素。若启用 则可将元素添加进网格；若禁用 则不可添加
* 支持替换元素图片
* 元素坑位添加上限默认为5个

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

* 按权重排版：可选择开启/关闭
* 开启后，需给每个元素输入对应的权重值。<mark style="color:red;">注意：权重总和需等于100%才可应用</mark>
* 设置后，点击【应用到棋盘】，元素将按照设定的权重在已启用的网格内随机布局
* 支持**多次点击**【应用到棋盘】，可随机生成不同布局

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

若您想自行布局元素，可通过上方快捷按钮进行相应操作

* 选择/橡皮擦：可通过点击或拖拽，填充/擦除相应元素
* 清空：点击清空按钮，可一键清除当前网格中的所有元素

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

【元素】设置完成后，**请务必点击【确认】，棋盘布局才生效**

<mark style="color:red;">⚠️注意：调整棋盘布局，需至少添加一个【元素】，棋盘&模板才可生效，否则可能无法正常试玩哦！</mark>

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

####

## <mark style="color:blue;">**四、棋盘布局演示录屏**</mark>

针对棋盘布局功能，这里还有演示录屏供您参考学习

视频详细记录了棋盘布局的使用步骤，演示速度基本没有调整，以便您可以跟着视频一步步操作（如果您已经对某一步骤能熟悉操作，可酌情跳过）

{% embed url="<https://mmp-cdn.rayjump.com/res_store/2014305/656dcdc25d613.mp4>" %}


# 快捷排版-停车解密布局

\#自由编辑器 #模板自由制作

✨模板自由制作入口1：玩法模板>>>快捷排版

✨模板自由制作入口2：直接点击画布旁的【快捷排版】图标即可进入

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

相关案例教学可查阅 [停车解密布局-模板自由制作](/playturbo-an-li-jiao-xue-ji-di/ke-wan-zi-you-bian-ji-qi-an-li/ting-che-jie-mi-wan-fa-an-li/ting-che-jie-mi-bu-ju-mu-ban-zi-you-zhi-zuo)

####

## <mark style="color:blue;">一、快捷排版(停车解密布局)通俗介绍</mark>

* 当前「停车解密布局」仅支持**正俯视角**的停车解密类玩法
* 停车解密布局<mark style="color:red;">当前仅支持在"停车解谜类"玩法模板的【自由制作】中使用</mark>
* 通过调整快捷布局的「背景及道路」、「布局元素」、「出口」等参数，您可以创建不同难度和风格的停车布局，完成您的创意素材输出
* <mark style="color:red;">Tips：在【可玩模板】界面点击【快捷排版】，即可快速筛选出支持</mark><mark style="color:red;">**快捷排版**</mark><mark style="color:red;">功能的模板哦！</mark>

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

<figure><img src="/files/6ilbsMYsWaQtZbXBqstj" alt=""><figcaption></figcaption></figure>

####

## <mark style="color:blue;">二、快捷排版(停车解密布局)适用玩法示例</mark>

"停车解密布局"适用于'停车解谜''农场解谜'等通过移动多种元素 来放出目标元素 或 规划最佳路线疏通道路的玩法，当前仅用于停车解谜模板使用

* [示例1 - 停车解谜v1](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001334%252F13061%252Fpv%252F24%252F06%252F25%252F667a8605dff15%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E5%81%9C%E8%BD%A6%E8%A7%A3%E8%B0%9Cv1\&language=undefined)
* [示例2 - 停车解谜v2](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001408%252F13141%252Fpv%252F24%252F06%252F21%252F66754c9b557d9%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E5%81%9C%E8%BD%A6%E8%A7%A3%E8%B0%9Cv2\&language=undefined)
* [示例3 - 停车解谜v3](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001590%252F13509%252Fpv%252F24%252F09%252F03%252F66d6d93513975%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E5%81%9C%E8%BD%A6%E8%A7%A3%E8%B0%9Cv3\&language=undefined)

####

## <mark style="color:blue;">三、快捷排版(停车解密布局)使用说明</mark>

【停车解密布局】当前支持调整的参数分三部分：「背景及道路」、「布局元素」、「设置出口」，需依次进行设置。接下来，我们将以模板[停车解谜v1](https://tinyurl.com/z7vu93kz)为例，展开介绍【停车解密布局】的使用方法

### 1.背景及道路

此环节是对停车解密布局的底图及道路构成进行设置

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

#### <mark style="color:red;">1.1 设置底图</mark>

底图支持的三个调整分别为：替换底图、设置底图外观、删除底图

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

**1） 替换底图：**&#x70B9;击替换按钮，可从个人资产库、公共资产库选择图片作为底图

<div align="left"><figure><img src="/files/6dgDWjtzqjYWDQq9YQby" alt="" width="504"><figcaption></figcaption></figure></div>

**2）设置底图外观**

* 点击设置按钮，可对底图进行裁切、重置、调整尺寸和缩放比例的设置
* 暂不支持将尺寸和缩放比例拆分横竖屏设置，即在某一单屏下设置的底图外观也会同步应用到另一屏幕模式下

<div align="left"><figure><img src="/files/uLjIHy3VR0v4tFqN3DNU" alt="" width="492"><figcaption></figcaption></figure></div>

**3）删除底图：**&#x70B9;击删除按钮，可删除底图

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

#### <mark style="color:red;">1.2 设置网格</mark>

可调整网格的行列数、格子宽高。输入数值后会在底图中心生成一张m\*n的网格，作为游戏地图

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

#### <mark style="color:red;">1.3 设置道路</mark>

将网格内的某些或全部网格设置为「道路」

**1）设置方式**

* 点击「选中」按钮，并选中「区域」，然后在棋盘中点击、涂抹想要作为「道路」的网格即可

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

* 支持「擦除」已选中的网格
* 支持一键「全选」 或 「清除」 所有网格
* 支持撤回、重做

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

**2）元素放置规则**（在停车解谜v1模板中，此功能暂不支持修改）

* 若选择「元素只能放在道路上」，则后续的「布局元素」只能放在已启用的网格上
* 若选择「元素不能放在道路上」，则后续的「布局元素」只能放在未启用的网格上

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

完成「背景及道路」的设置，我们点击【下一步】，进行「布局元素」的设置

### 2.布局元素

此环节是对停车解密布局中需要进行解谜的主体元素和障碍元素进行摆放设置

#### <mark style="color:red;">**2.1 编辑主元素**</mark>

模板内已添加好多个主元素分类，同时显示每个主元素对应的「占坑数量」

* 命名为【target\_xxx】的主元素即为目标元素——可移动至出口并触发反馈；命名为【handicap\_xxx】的主元素为障碍物——移动至出口时不会触发反馈
* 「占坑数量」决定每个元素占据网格的数量。如规定占坑数量为2，则该分类下的元素在网格中将占据一个1\*2的长方形

<div align="left"><figure><img src="/files/LdbWr0sEheQjMOoyXizw" alt="" width="563"><figcaption></figcaption></figure></div>

**1）添加主元素：**&#x6BCF;个主元素分类下可以上传多张图片，点击"+"按钮可从个人资产库、公共资产库选择图片上传

⚠️⚠️⚠️<mark style="color:red;">**注意：请选择元素头部朝上的图片作为主元素！**</mark><mark style="color:red;">（若元素头部方向不一，建议先在外部统一调整为"头部朝上"再导入项目！然后通过元素的"旋转"功能，在布局内调整各元素的朝向！）</mark>

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

**2）替换主元素：**&#x70B9;击替换按钮，可从个人资产库、公共资产库选择图片替换该主元素

**3）复制主元素：**&#x70B9;击复制按钮，可复制一个相同的主元素

**4）删除主元素：**&#x70B9;击删除按钮，可删除该主元素

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

**5）设置主元素外观：**&#x70B9;击设置按钮，可对主元素图片进行裁切、重置、调整滤镜和缩放比例的设置

* 缩放比例不支持拆分横竖屏设置
* 箭头锚点(在停车解谜v1模板中，此功能暂不支持修改)：图示绿点为箭头，通过移动绿点调整箭头出现的位置

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

#### <mark style="color:red;">**2.2 编辑网格中的主元素**</mark>

**1）添加主元素到网格**

* 选中主元素，点击「选中」按钮，在想要放置的网格上点击，即可将元素布置到网格上

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

* 支持「擦除」已添加的主元素
* 支持一键 「删除」 所有已添加的主元素
* 支持撤回、重做

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

**2）调整主元素参数**

* 添加主元素到网格后，选中该元素，可对主元素进行"旋转"与"上下左右"的移动<mark style="color:red;">（注意：对元素进行"旋转"时，系统默认元素初始头部朝向是朝上的）</mark>
* 点击编辑按钮，可选择是否启用【倒退设置】。启用则支持主元素反方向移动，关闭则不支持

  * 原地调头：元素调转180度再继续前进

  ![](/files/Fv2zdLBgkXzqiQ7awTwF)

  * 退后：元素不调转，按箭头指示的反方向运动
* 点击【应用到全部】，可将【倒退设置】应用到所有主元素上

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

#### <mark style="color:red;">2.3 编辑运动方向</mark> (在停车解谜v1模板中，此功能暂不展示且不支持修改)

**1）启用运动方向**

可选择是否启用「运动方向」：若启用，元素的运动方向则支持以下5个方向可以选择；若不启用，则仅支持直行这1个方向

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

**2）设置箭头**

* 点击"+"符号调起资产库窗口，可从个人资产库、公共资产库选择图片上传
* 依次上传所需的各个方向的箭头图片 <mark style="color:red;">(其中直行箭头的默认方向为"向上")</mark>

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

* 点击替换按钮，可从个人资产库、公共资产库选择图片替换
* 点击设置按钮，可对箭头图片进行裁切、重置、调整缩放比例的设置(缩放比例不支持拆分横竖屏设置)
* 支持将当前箭头的外观参数【应用到所有箭头】

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

* 支持一键"显示/隐藏"所有箭头

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

#### <mark style="color:red;">2.4 设置障碍类</mark>&#x20;

**1）启用「设置障碍类」**

可选择是否启用：若启用，可将部分网格设置为障碍，主元素运动时会被障碍阻挡

<div align="left"><figure><img src="/files/o4Hm7cANTQl88tAiUURl" alt="" width="563"><figcaption></figcaption></figure></div>

**2）设置障碍类**

* 添加障碍类：启用后，点击编组按钮，新建障碍类分组
* 输入分类名称及该分类下的障碍物所占据的网格数量
* 点击「添加自定义元素类型」，可创建多个相同或不同网格数的障碍类分组

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

* 替换/复制/设置外观/删除障碍：操作方式同主元素一致

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

* 在画布中添加/编辑/删除障碍：操作方式同主元素一致

<div align="left"><figure><img src="/files/VwkVXbccC3qPpckN375N" alt="" width="563"><figcaption></figcaption></figure></div>

完成「布局元素」的设置，我们点击【下一步】，进行「出口」的设置

### 3.设置出口

此环节是将停车解密布局中的某些网格设置为「出口」，主元素到达出口后将继续移动移出画布

#### <mark style="color:red;">3.1 设置出口类型</mark>

当前，存在两种类型的「出口」，可任选一种进行设置

* 图片：将选择的图片添加到网格中，最终出口将展示图片
* 区域：将选择的区域添加到网格中，区域所在的位置即是出口（为了方便调整，区域在编辑时以半透明状态展示，但在实际试玩中不会展示也不会改变网格样式）

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

#### <mark style="color:red;">3.2 编辑出口</mark>

* 替换/删除"图片类出口"：操作方式同主元素一致
* 调整"区域类出口"的预览颜色：点击调色盘按钮，选择颜色（仅作为制作时的预览样式）

<div align="left"><figure><img src="/files/CRVdySj1n4g07WSW7kb9" alt="" width="266"><figcaption></figcaption></figure></div>

* 在画布中添加/编辑/删除出口：操作方式同主元素一致

<div align="left"><figure><img src="/files/GOS03wOgOWV526D7vKtY" alt="" width="439"><figcaption></figcaption></figure></div>

#### <mark style="color:red;">3.3 设置出口方向</mark>

「出口方向」，代表主元素运动到出口时，之后的运动方向。支持两种方向选择：

* 任意朝向：元素运动到出口时，继续按原方向移动出画布
* 固定朝向：元素运动到出口时，改变方向，按出口指定方向移动出画布

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

#### <mark style="color:red;">3.4 设置对应元素</mark>

**1）一组出口对应一种或多种主元素，对应关系在「对应元素」中进行设置**

以模板停车解谜v1为例，对应元素\[target\_car2]可以在红色区域出口驶出

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

**2）对应元素支持多选**

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

以上三部分的内容全部调整完成后，点击【完成】，快捷排版即生效


# 自由编辑器 - 下载&推送

\#自由编辑器

💡当您的项目编辑完成准备导出时，建议先进行[项目自查](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-zhi-zuo-ji-qiao-zhong-xin/xiang-mu-zi-cha-zhi-nan)。

然后**进入下载流程**：

* **Step1**：绑定项目信息
* **Step2**：点击【下载】按钮，选择试玩步数
* **Step3**：勾选渠道后，推送或下载
  * 若包体大小超出规范，需进行压缩再导出

## <mark style="color:blue;">一、项目信息(关联推广产品/商店链接)</mark>

* 点击【项目信息】，调起弹窗
* 在此，可查看"项目详情"、"导出历史"，以及"关联推广产品"

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

* 点击【+关联推广产品】
* 可选择 【从库里选择】 或 【新增推广产品】
  * **从库里选择**：历史添加过的推广产品，需要时可二次调用，直接点击【选择】
  * **新增推广产品**：需填写相关产品信息。新增成功后，会自动保存在产品库

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

🌟**新增推广产品：**

* 需选择产品类型、平台类型，并填写相应URL（微信小游戏渠道： [可玩广告渠道上传规范](/su-cai-dao-chu-tou-fang-xiang-guan-wen-dang/ke-wan-guang-gao-qu-dao-shang-chuan-gui-fan#er-te-bie-shuo-ming-wei-xin-xiao-you-xi)）
* 成功填写应用商店链接后，通常会自动匹配出产品名称、包名、LOGO图标。若未自动匹配，需手动上传
* 信息填写完整后，点击“确认”即可完成推广产品新增

**👉**<mark style="color:red;">**相关阅读：**</mark> [/pages/ifgyBvpAnopqYhQOSsow#id-1.-zen-me-tiao-zheng-qi-ta-ji-xing-de-su-cai](https://doc.playturbo.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan/pages/ifgyBvpAnopqYhQOSsow#id-1.-zen-me-tiao-zheng-qi-ta-ji-xing-de-su-cai "mention")

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

## <mark style="color:blue;">二、试玩步数</mark> <a href="#khhpw" id="khhpw"></a>

* 点击下载按钮，调起【试玩步数】弹窗
* 根据项目的实际交互步数 (**从试玩展示到跳转应用商店的交互次数**) ，选择"一步"或"两步及以上"
* 确认后点击【下载】，进入下载窗口

💡**为什么要选择试玩步数？**

本项操作主要针对 Mintegral 渠道，因为在 Mintegral 渠道 试玩素材的试玩步数决定了它是什么类型的试玩素材，而不同类型的试玩素材对投放效果会有一定影响，所以需要正确选择试玩步数。

*\*若只交互1步就跳转商店，会被判定是EC类型的素材；若交互步数≥2，则会被判定是PL类型的素材*

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

## <mark style="color:blue;">三、下载 & 推送</mark> <a href="#khhpw" id="khhpw"></a>

在下载页面确认当前项目[<mark style="color:blue;">版本</mark>](#qi-ban-ben-shuo-ming-she-ji-xia-zai-ci-shu-de-kou-jian)无误后，进一步操作 【下载】 或 【推送】。

<mark style="color:red;">**推送和下载都是导出可玩素材的方式，任选一种即可**</mark><mark style="color:red;">：</mark>
【推送】即将当前可玩素材一键推送至对应渠道平台上，无需【下载】后手动上传，更加方便；且后续还可通过平台的"创意洞察"功能分析可玩表现数据。

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

### 1. 若选择【下载】

* 点击【下载】，调起【作品下载】弹窗
* 勾选需要下载的渠道
* 待包体大小计算完成后，点击【下载】按钮，即可完成该版本作品的下载

  * 下载：下载各个渠道包体的压缩包
  * 获取链接：下载汇总各个渠道包体预览链接的excel表格（可用于外部预览最终效果）

  *注意：【获取链接】意味着下载，点击即会扣减1次下载额度（随后点击【下载】不会再扣减）*

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

### 2. 若选择【推送】

<mark style="color:red;">若选择【推送】，需先完成对应渠道平台的账号授权👉：</mark> [广告账户授权与素材推送](/su-cai-dao-chu-tou-fang-xiang-guan-wen-dang/guang-gao-zhang-hu-shou-quan-yu-su-cai-tui-song)

当前，平台支持 Mintegral、Unity、Applovin、IronSource、XMP 这几个广告平台的账号授权与推送功能。

以Mintegral渠道为例：

-推送入口1：在预览界面，点击右侧【推送】按钮

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

-推送入口2：在【作品下载】弹窗内勾选 Mintegral 渠道后，点击【推送】

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

* 选择推送到当前的投放账户，或者其他Mintegral投放账户（选择其他投放账户需要输入账号和密码）
* <mark style="color:red;">**注意：**</mark>Mintegral账号有“主账号”和“子账号”之分。当素材推送到子账号，子账号&主账号的素材列表都会展示这个素材；当素材推送到主账号，主账号&主账号授权的子账号的素材列表都会展示这个素材
* 选择完毕，确认无误后点击【推送】，即可推送至Mintegral广告主自助投放平台进行内审并投放

<div align="left"><figure><img src="/files/ak9t0qw5sRJRsVlZpUDH" alt="" width="563"><figcaption></figcaption></figure></div>

* 推送后会在1-2个工作日内通过审核（请结合投放计划预留好审核时间）
* 审核通过后即会显示在【Mintegral广告投放平台】页面中：选择<广告投放>--<素材管理>--<试玩广告>，然后选择对应素材，点击【应用至广告单元】来关联对应的广告单元，即可完成素材上线

<div align="left"><figure><img src="/files/yyE1DhKdJW0FzpQLdOBj" alt="" width="563"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/bW8239yBy57fuxsqDMCJ" alt="" width="563"><figcaption></figcaption></figure></div>

⚠️ <mark style="color:red;">注意：暂不支持【下载】Mintegral渠道的可玩素材到本地；仅支持【推送】。</mark>

## <mark style="color:blue;">四、包体压缩</mark>

当某渠道的包体超出包体大小限制时，该包体不能 获取链接/下载/推送，需对包体大小进行压缩后重新操作下载（①可进一步压缩资源并返回编辑页面替换 **或** ②直接在【作品下载】弹窗内对包体整体压缩）。

建议您在制作时及时[预估包体](/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/zuo-pin-yu-lan-qu/bao-ti-yu-gu)大小，避免使用多个较大的资源。

<div align="left"><figure><img src="/files/ihcF0C5sCaOojZ6gRDl4" alt="" width="372"><figcaption><p><strong>各渠道包体大小限制可在勾选渠道后查看，或直接查询平台相应规范</strong></p></figcaption></figure></div>

### 1.智能压缩

* 勾选需要压缩包体的渠道
* 选择【智能压缩(平衡文件质量与大小)】，并调整质量选择
* 点击【应用并计算】，即可完成智能压缩
* <mark style="color:red;">支持包体压缩</mark><mark style="color:red;">**预览**</mark>

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

### 2.自定义压缩

* 勾选需要压缩包体的渠道
* 选择【自定义压缩】，可分别调整图片质量、视频质量、音频质量
* 调整完毕后点击【应用并计算】，即可完成自定义压缩
* <mark style="color:red;">支持包体压缩</mark><mark style="color:red;">**预览**</mark>

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

## <mark style="color:blue;">五、可玩素材埋点管理</mark>

* 在【作品下载】弹窗内，点击【可玩素材埋点管理】，跳转到对应界面

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

* 在此界面勾选对应渠道是否可以添加埋点
* 勾选后，对应渠道之后下载/推送的所有可玩素材将添加埋点代码，反之则不添加。建议允许添加埋点，添加埋点后素材将支持交互数据分析、场景分析、用户旅程分析等高级分析功能。
* 注意：目前仅支持下图展示的渠道，如需支持其他渠道请联系您的创意顾问

👉相关阅读 ：[创意洞察](/chuang-yi-dong-cha)

<div align="left"><figure><img src="/files/D5fvD7UCJyVePqKL7IrQ" alt="" width="563"><figcaption></figcaption></figure></div>

## <mark style="color:blue;">六、可玩广告渠道上传规范</mark>

[可玩广告渠道上传规范](/su-cai-dao-chu-tou-fang-xiang-guan-wen-dang/ke-wan-guang-gao-qu-dao-shang-chuan-gui-fan)

## <mark style="color:blue;">七、版本说明（涉及下载次数的扣减）</mark>

跳转下载页面后，右侧展示项目版本信息。

⚠️ <mark style="color:red;">**注意：**</mark>

* <mark style="color:red;">可玩项目内容完全相同的素材被认定为一个「版本」。</mark><mark style="color:red;background-color:red;">**若素材导出后，**</mark><mark style="color:red;background-color:red;">对项目内容又进行了任意改动 (如修改文本/替换产品信息...)，则会生成一个新的版本，</mark><mark style="color:red;background-color:red;">**导出新版本时会重新扣减下载次数！**</mark>  <mark style="color:red;background-color:red;"></mark><mark style="color:red;background-color:red;">因此，请您确认素材无误后，再操作导出。</mark>
* 每个版本对应一个创意名称，若后续进行素材分析，会展示对应创意名称。

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

**1.最新版本**

* 可对【最新版本】 （即当前版本）进行下载、推送的操作
* 若素材还需调整，可点击【返回编辑】按钮，回到编辑页面继续编辑
* 支持在此处修改素材名称

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

**2.历史版本**

* 点击相应的历史版本，可对历史素材进行预览查看
* 查看后，如有需要 可对历史版本再次下载（仅支持下载已下载的渠道，不支持二次推送）

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


# 自由编辑器-FAQ

\#自由编辑器

本模块记录了在使用自由编辑器的过程中，一些比较常见的问题及解决方法，希望能解答您在制作上的疑问。

**Tips：**&#x53EF;以进入对应的子目录来获取您想查看的问题及解决方法，也可直接在右上角搜索框**输入关键词**快速检索！

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


# 资产问题

\#自由编辑器

## <mark style="color:blue;">1.资产上传失败</mark>

#### **Q1：在项目内上传序列帧，弹窗提示上传失败或不支持的文件类型？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x8DF3;转查看"序列帧"的格式要求： [/pages/RAInq8zYT40q20QskU9y#id-4.-xu-lie-zhen](https://doc.playturbo.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-faq/pages/RAInq8zYT40q20QskU9y#id-4.-xu-lie-zhen "mention")

#### **Q2：在自由编辑项目内上传龙骨，弹窗提示上传失败或不支持的文件类型？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x8DF3;转查看"龙骨"的格式要求： [/pages/RAInq8zYT40q20QskU9y#id-5.-long-gu](https://doc.playturbo.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-faq/pages/RAInq8zYT40q20QskU9y#id-5.-long-gu "mention")

<mark style="color:red;">**需注意：**</mark>Playturbo 目前<mark style="color:red;">不支持 Spine 格式</mark>的动画文件上传。这是因为 Spine 的动画结构和我们平台所支持的格式差异较大，处理逻辑无法兼容。同时也不建议将 Spine 项目直接转换为龙骨格式上传，这种方式可能导致动画表现异常。 因此，若您想上传动画素材，**建议您使用 龙骨 或 序列帧**。

## <mark style="color:blue;">**2.资产位置偏移/错位**</mark>

#### **Q1：在编辑或预览试玩时切换场景，发现某个资产（视频/图片等）发生位置偏移/错位？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x53EF;从以下方向逐一排查：

* 检查资产在本地的原始尺寸大小：需要保证不同资产本身尺寸是相同的（比例相同也不可以），若不相同则需先在本地统一尺寸；
* 检查项目参数设置区的图层位置尺寸：若不相同，则需进行对齐。选中A图层，点击【快捷操作区】的【复制】按钮，再选中B图层，点击【粘贴】下的【仅粘贴位置大小】即可；
* 检查【屏幕适配方式】是否统一：若不统一，则需调整为相同的适配方式

## <mark style="color:blue;">3.资产大小和组的大小不匹配</mark>

#### **Q1：举例：文本和按钮图片都是长方形，但将两个资产打组后，组的范围却只有一个很小的正方形？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x7F16;组原则：

* **不选中图层编组：**&#x76F4;接点击【编组】按钮，会默认生成一个居中正方形范围的组（需要手动调节位置大小，再将资产拖拽进组内）
* **选中图层编组：**&#x5BF9;单个资产编组，直接选中该资产，点击【编组】按钮即可；将多个资产编组，需要按住Ctrl键多选图层，再点击编组按钮，这样组的大小即为所选图层的最大范围

相关阅读： [图层区](/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/tu-ceng-qu)

## <mark style="color:blue;">4.资产层级问题</mark>

#### **Q1：在全局场景添加的产品信息或其他资产，默认层级是在普通场景之上的，怎么调整？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x70B9;击进入普通场景，在右侧参数设置区的【场景设置】中进行调整：可以选择将【全局场景】置于场景顶层；或置于场景底层（注意：勾选后仅对当前场景生效）

#### **Q2：已上传并添加了视频资产，但在画布中却看不到？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x8FD9;大概率是因为您先在【全局设置】的左侧，即全局场景下 添加了一张尺寸较大的背景图片，遮挡了普通场景下的视频资产，所以看不到。

因为视频资产的层级默认是最低的，仅全局设置右侧的背景图片/背景颜色可以置于视频之下。因此，您可以：删掉左侧的图片，改为上传至 ①右侧的背景图片位置 ②或普通场景下

#### **Q3：怎么实现“视频置顶效果”或“视频在某张图片之上的效果”？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x53EF;以通过【全局设置】上传背景图片，来实现“视频位于图片之上”的效果（因视频资产的层级默认是在所有图层之下的，仅【全局设置】的背景图片和背景颜色的层级能够置于视频之下）。若图片不是作为背景图片，可以在本地先将该图片进行裁剪，镂空，预留出视频的位置。然后再导入工具内继续制作

相关阅读： [/pages/CYcfFqHNF4f0OXUybMas#id-4.-shi-pin-shi-pei-te-shu-xu-qiu](https://doc.playturbo.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-faq/pages/CYcfFqHNF4f0OXUybMas#id-4.-shi-pin-shi-pei-te-shu-xu-qiu "mention")

#### **Q4：使用模板自由编辑，在全局场景添加了资产后，进入场景对“全局场景”的设置不生效？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x8FD9;大概率是因为您使用的模板有代码参与制作，其核心元素都位于“玩法模板-玩法编辑”内；而“全局场景”的层级设置对“玩法模板”是不生效的，所以需要换种方式来实现。

建议：将资产单独添加在每个场景里，根据实际需要去单独调整资产的层级。

<div><figure><img src="/files/n64W7SYpvEMUzXORfDhN" alt="" width="280"><figcaption></figcaption></figure> <figure><img src="/files/kWg9gjGLoFtW6FWM4LKf" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">5.找不到某一资产/图层；隐藏图层</mark>

#### **Q1：在使用某模板进行模板自由制作时，某个图片或其他资产找不到图层在哪？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x53EF;从以下方向逐一排查：

* &#x20;**产品信息或其他常驻元素：**&#x53EF;点击【全局设置】，在左侧图层区查找&#x20;
* **常规元素：**&#x70B9;击对应【场景】，在左侧图层区查找 或 直接在画布中点击对应图层&#x20;
* <mark style="color:red;">若图层区没有该图层，则可能</mark><mark style="color:red;">**位于【玩法模板】内**</mark><mark style="color:red;">：点击顶部资产库>>>玩法模板>>>玩法编辑/快捷布局，进行查找</mark>
* 若【玩法模板】也没有，则代表无该资产坑位（因为部分模板的核心玩法由开发通过代码写死，在自由编辑器内无法或不推荐修改，否则会报错，因此我们不展示该资产坑位）

相关阅读： [玩法模板](/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/wan-fa-mu-ban)  [模板自由编辑需知](/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)

#### **Q2：在预览某一模板或其他可玩素材时，下载按钮会在视频播放结束后出现，但编辑时在画布中却看不到这个按钮，点击\[播放场景]也没有，这是因为什么？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x8FD9;种情况通常是：该按钮加了入场动画并且关闭了动画的自动播放 或 该按钮被设为隐藏了，是通过事件去控制按钮的显示的。若想调整按钮的参数，可选中按钮图层，调整其动画参数 或 先设为显示 调整后再隐藏

#### **Q3：部分模板使用【自由制作】时，画布中显示的资产布局和实际试玩时的不一致，是怎么回事？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x9996;先，模板元素虽然在画布中这样显示，但实际试玩与投放都是正常的，无需手动调整哦！这种情况通常是因为：该模板的核心玩法 尤其是核心元素的布局，是由代码控制的，因此不太建议对这类核心元素进行隐藏/调整位置/调整图层层级等大动作的调整，可能会引发模板报错

相关阅读：  [模板自由编辑需知](/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)

<div align="left"><figure><img src="/files/ONATMDNv5bPki7CiDbdv" alt=""><figcaption><p>【货架物品三消】模板示例</p></figcaption></figure></div>

#### **Q4：在编辑过程中，因误操作 某个资产变得很小或消失看不到了，调整了位置和大小也没起作用？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x5EFA;议从以下方法入手：选中该图层，a.重置大小；b.复用横/竖屏位置尺寸配置；c.调整缩放比例(不为0)

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

#### **Q5：使用模板自由编辑，预览时可以看到某些图层，但在编辑界面的画布中，却看不到且无法调整相关图层？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x8FD9;种情况通常是因为这些元素所在的组图层 设置有入场动画，这让它们在画布中呈现出了"隐藏"的状态。处理方法：找到相关组图层的入场动画，可先暂时将动画 缩放/透明度的初始值设为（1,1），待模板调整完毕后，再调回（0,0）即可。

#### **Q6：使用模板自由编辑，已经隐藏了图层，但预览时依然会出现？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x8FD9;大概率是因为您使用的模板，其核心玩法由代码控制（尤其是在“玩法模板”内的图层），这可能会导致设置图层“显示/隐藏”状态不生效。

此时，您可以尝试选中图层，在右侧参数区将其**透明度调整为0**，即可隐藏该图层

<div><figure><img src="/files/fqjPh1LPhighG9dVX9DD" alt=""><figcaption></figcaption></figure> <figure><img src="/files/Z1KOzfOqKmv7jfczgfrW" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">6.调整/新增模板中的资产</mark>

#### **Q1：在使用某模板进行模板自由制作时，想移动/删减图片或其他资产可以吗？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x5927;部分模板是不可以移动/删减核心资产的（因为核心内容可能由代码控制，强行移动或删减资产可能会使模板bug，破坏您的素材）。少部分模板支持移动/删减核心资产（因为此部分模板为设计纯用自由编辑器制作，您可任意调整）

相关阅读：[模板自由编辑需知](/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)

#### **Q2：使用模板自由制作，可以自己添加免责声明或其他资产吗？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x53EF;以的。模板自由制作支持用户自行添加所需资产（需注意在新增资产后，竖屏和横屏的参数都要调整）

## <mark style="color:blue;">7.视频资产问题</mark>

#### **Q1：**&#x4F7F;用不同帧数的视频是否会导致在预览素材时，执行延迟的时间不准？ <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x6267;行延迟会和设备的性能差异及当时执行的逻辑复杂度相关，可能会有毫秒级别的误差，但不会有明显时间误差。若存在误差，建议可以将一段视频分割为多段，然后分开场景去实现效果，避免误差

## <mark style="color:blue;">8.删除资产相关</mark>

#### **Q1：【我的资产-**[**创意资产**](broken://pages/BvGY6KjvjGkVcJp3cMiT)**】中的资产可以随意删除吗**？ <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x5DF2;推送/已下载的项目不受影响，但仍在编辑中的项目可能会丢失资产！账户容量(在线储存空间)足够的话，不建议删除资产


# 动画问题

\#自由编辑器

## <mark style="color:blue;">1.模板的动画可以调整吗？</mark>

#### **Q1：在使用某模板进行自由制作时，想调整某个图层的动画可以吗？**

**A1：**&#x9700;要结合具体的模板查看：选中想调整动画的 单个图层 或 所在的组图层，查看右侧【动画】参数一栏有无可调整的动画参数

* 若有，则支持调整，修改其动画参数或新增动画即可；
* 若无，则不支持调整

<img src="/files/GZRVnAbmiYkCrbo5cQIM" alt="" data-size="original">            <img src="/files/hpOr966p4MsLqtSnwFUo" alt="" data-size="original">

**相关阅读：** [模板自由编辑需知](/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#yi-tiao-zheng-zi-you-du-xu-zhi)

## <mark style="color:blue;">2.动画的变化曲线怎么调整？</mark>

#### **Q1：在使用通用动画时，想自定义曲线形状、添加关键帧，要怎么操作？**

**A：**&#x70B9;击曲线缩略图打开【曲线编辑器】，双击曲线的任意位置即可添加关键帧；选中并拖动关键帧可调整位置，拖动手柄可调整曲线弧度

**相关阅读：** [/pages/ZSRTi2Vozkvo59R0dIFY#id-2.-te-bie-shuo-ming-bian-hua-qu-xian](https://doc.playturbo.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-faq/pages/ZSRTi2Vozkvo59R0dIFY#id-2.-te-bie-shuo-ming-bian-hua-qu-xian "mention")

<div align="left"><figure><img src="/files/aoEbxpPnNSISd1RXUjqN" alt="" width="563"><figcaption></figcaption></figure></div>

## <mark style="color:blue;">3.预览时发现动画有问题，没有呈现出参数设置的效果</mark>

#### **Q1：我给手指设置了位移动画，然后①隐藏了手指图层，想通过事件去显示并播放位移动画；②或是给动画设置了延迟播放。但发现每次预览时 手指运动的起始位置都不一样？位置有偏移**

**A：**&#x8FD9;可能是因为没有关闭位移动画的【自动播放】。虽然设置了延迟或隐藏了手指，但在进入该场景的同时动画已经开始自动播放了，不过是没有显示在画面中；由于触发显示动画的时机不同，手指在那一瞬间显示出的位置也就不同。<mark style="color:red;">建议关闭动画的【自动播放】，通过设置事件去精准控制动画播放的时机</mark>（其他类型的动画也同理）。

此外，需要入场就播的动画也建议关闭此处的【自动播放】，通过在场景上设置"定时触发0s-从头播放全部动画"的事件来精准控制。

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

#### Q2：为什么在竖屏做好了位移动画，切换到横屏预览时位置都错了？

**A：**&#x4F4D;移动画的\[位移距离]是默认横竖屏拆分设置的

* 若您想要位移动画在横竖屏下的位移距离都一样，可以先将竖屏的参数调整好，然后在竖屏状态下取消勾选拆分的设置\[标记a]。这样再切换到横屏预览 就是和竖屏一样的位移距离了
* 若横竖屏的位移距离不一样，则需要保持勾选拆分按钮，然后分别在竖屏和横屏下调整对应XY的距离\[标记b]

<div align="left"><figure><img src="/files/jGNVll5qcomR4ouptp4D" alt="" width="248"><figcaption></figcaption></figure></div>

#### Q3：给图片设置了多个动画，但位移缓动动画没有生效，是什么原因？

**A：**&#x76EE;前，当这类动画组合都在同一个图层上时，没办法完全生效（平台逻辑问题）：有循环播放的动画  + 一个事件触发的位移动画。

**解决办法：**&#x7ED9;该图层套一个组 → 进场、循环等动画做在该图层上 →  位移动画做在组上

<div><figure><img src="/files/GkFwUdsJfWYLsTePVy6q" alt=""><figcaption><p>问题示例</p></figcaption></figure> <figure><img src="/files/Dv8uCRtS6EwL3E6Wxejw" alt=""><figcaption><p>解决步骤1</p></figcaption></figure> <figure><img src="/files/WwLZCZGtEdyhLyuhzFy5" alt=""><figcaption><p>解决步骤2</p></figcaption></figure></div>

## <mark style="color:blue;">4.横竖屏想做不同的手指动画？</mark>

#### Q1：横竖屏想做不同的手指动画要怎么设置？通用动画的曲线能否拆分横竖屏设置？

**A：**&#x66F2;线不支持拆分横竖屏设置的。解决办法：添加2组手指，一组用于竖屏，一组用于横屏>>>然后拆分横竖屏来【显示/隐藏】对应手指>>>分别在横竖屏下调整不同手指图层的动画即可

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


# 事件问题

\#自由编辑器

## 💡**常规事件相关问题**

## <mark style="color:blue;">1.跳转应用商店&上报试玩结束</mark>

#### **Q1：当项目只有一个场景或最后一个场景并非仅是结束场景时，怎么上报试玩结束？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x53EF;通过添加【上报试玩结束】这一响应事件的方式来实现，建议和跳转应用商店的响应事件设置在一起（不要将场景直接勾选为【结束场景】）

相关阅读： [/pages/ifgyBvpAnopqYhQOSsow#id-2.-ke-wan-su-cai-yu-mintegral-ping-tai-xiang-guan-wen-ti](https://doc.playturbo.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-faq/pages/ifgyBvpAnopqYhQOSsow#id-2.-ke-wan-su-cai-yu-mintegral-ping-tai-xiang-guan-wen-ti "mention")  [作品制作-重要提示⚠️](/ke-wan-gong-ju-zi-you-bian-ji-qi/zuo-pin-zhi-zuo-zhong-yao-ti-shi)

#### **Q2：试玩可玩素材时，结尾跳转应用商店只成功跳转了一次，再点击就没反应了，这是怎么回事？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x8FD9;很可能是因为您在跳转事件下勾选了【仅生效一次】，导致玩家点击跳转商店后 再返回可玩时，不能再次跳转。<mark style="color:red;">建议：跳转应用商店的相关事件都</mark><mark style="color:red;">**不要勾选【仅生效一次】**</mark>

## <mark style="color:blue;">2.复制事件相关问题</mark>

#### **Q1：想为多个图层设置相同的事件，一个一个设置太麻烦，怎么操作更快捷呢？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x2460;先设置好其中一个图层的事件；②点击事件的【复制】按钮；③按住Ctrl键（苹果电脑使用command键）选中所有要设置同样事件的图层；④点击快捷操作区的粘贴按钮，选择【仅粘贴图层事件】即可

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

#### **Q2：事件是否支持 选择部分响应事件复制到其他图层上？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x6682;时不支持复制部分响应事件的。如有需要，可先复制整个事件到其中一个图层上，删掉不需要的响应事件后，再重新复制该事件到其他图层上

## <mark style="color:blue;">3.拖拽事件相关问题</mark>

#### **Q1：**&#x60F3;实现“拖拽图层A到指定位置后，图层A就位于该位置”的效果，已设置了响应事件【设置位置】，但在预览时发现位置会有偏移？ <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x6CE8;意：响应事件中的【设置位置】代表图层的“绝对位置”，是一个固定值，不会随着横竖屏或其他机型的改变而自动适配。因此想要保证在不同机型不同屏幕下实现目标效果，不建议使用【设置位置】这一响应事件哦！

**正确处理方法：**&#x2460;把拖拽的图层和正确放置后的图层拆分为二，并先隐藏正确放置后的图层；②在拖拽图层下设置事件【拖拽到指定位置】，设置响应事件为【隐藏拖拽图层】【显示正确放置后的图层】即可；<mark style="color:orange;">“点击”类的交互方式同理</mark>

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

#### **Q2：**&#x600E;么实现当把某物体拖拽到指定位置时，播放一系列正确反馈？ <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x2460;选中目标物品图层；②添加事件【拖拽到指定区域】，并编辑拖拽位置，选择拖拽方向，保存；③然后添加相应的响应事件（正确反馈），如隐藏原图层-显示新图层-播放相关动画和音效

#### **Q3：**&#x82E5;某物体未被正确拖拽到指定区域，怎么实现立即弹回原位，并播放一系列错误反馈？ <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x5E73;台默认未拖拽到指定区域会自动弹回原位哦，且无拖拽次数限制，因此无需单独设置事件。若想设置错误反馈，可选中目标物品图层，添加事件【抬起】，在【抬起】事件下添加相应的响应事件（错误反馈），如播放错误动画和音效；或直接使用【未拖拽到指定位置】事件

相关阅读： [触发事件](/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/shi-jian-tong-yong-can-shu/chu-fa-shi-jian)

#### Q4：平台报错弹出“编辑模式下禁用其他功能”是什么情况？ <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x8FD9;是因为您使用了拖拽类事件，然后在点击了【编辑拖拽区域】按钮后，没有【保存】指定区域导致的。选中事件所在的图层，点击【保存】后可恢复正常操作。

<div align="left"><figure><img src="/files/ngotWCxUFoAGgpvwdQSR" alt="" width="265"><figcaption></figcaption></figure></div>

## <mark style="color:blue;">4.响应事件相关问题</mark>

#### **Q1：在预览时发现某个动画重复播放了2次，怎么关掉其中一个动画？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x51FA;现这种情况大概率是设置了2个播放动画相关的响应事件：如一个是点击后播放动画，一个是定时x秒后播放动画。**解决办法：**&#x9009;择【点击】事件，在事件下添加一个响应事件为【取消执行延迟】，然后选择对应的定时器ID即可

相关阅读： [制作技巧-事件设置](/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-jian-she-zhi#san-dao-ji-shi-she-zhi)

#### **Q2：已经为某图层设置了动画，但在预览时并未播放，是什么原因？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x5148;查看图层状态是否为【隐藏】（若因制作需要隐藏图层，则要在响应事件中添加一条【显示素材】）；还需在响应事件下添加一条【从头播放全部动画】或【从头播放单个动画】，选择对应动画即可

#### **Q3：给某图层设置了动画A，又给图层的组设置了动画B，然后在响应事件中添加了【从头播放组的全部动画】，但在预览时却只播放了动画B？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x6CE8;意：虽然在组上设置的动画会同时影响组内资产，但在添加响应事件时则需要分开添加。所以要分别设置2条响应事件：播放某图层的动画、播放图层组的动画

#### **Q4：想实现“在屏幕上点击除正确区域以外的位置时，出现错误反馈，如弹出「✕」”，该怎么设置？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x6B65;骤详解（点击操作）：

* 添加一个「✕」的图片或文本（可为其设置Q弹晃动的动画），然后调整好位置大小，隐藏掉该图层
* 添加若干手势区域，框选住错误区域
* 为其中一个手势区域添加事件-按下；添加响应事件-显示素材「✕」-从头播放「✕」的动画-执行延迟0.5s后隐藏「✕」
* 复制该事件到其他手势区域即可

<mark style="color:red;">注：平台暂时不能实现「✕」随</mark><mark style="color:red;">**点击**</mark><mark style="color:red;">位置的不同而出现在不同位置，</mark>但可以实现随**拖拽**位置的不同而出现在不同位置。相关阅读： [制作技巧-事件设置](/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-jian-she-zhi#si-cuo-wu-fan-kui-gen-sui-tuo-zhuai-wei-zhi-shi-shi-chu-xian)

#### **Q5：想实现“点击某图层/场景后，开始播放视频，当视频播放完，跳转指定场景”，该怎么设置？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x2460;视频参数设置为“关闭入场自动播放”、“关闭无限循环”；②选中该图层/场景，添加事件-按下；添加响应事件-显示视频-从头播放视频；③再选中视频图层，添加事件-结束时；添加响应事件-跳转指定场景

相关阅读： [响应事件](/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/shi-jian-tong-yong-can-shu/xiang-ying-shi-jian)

#### **Q6：**&#x9884;览可玩素材的过程中，在竖屏下做了某操作后，切换到横屏继续预览，发现xx资源不见了或位置有变化？ <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x8FD9;可能是因为您使用了“设置缩放”或“设置位置”的响应事件。这两个响应事件因平台逻辑原因，会导致在预览中途切换横竖屏时，缩放值或位置的设置可能会失效（但在实际投放环境中，用户一般不会在试玩中途切换横竖屏）。

**调整建议：**&#x2460;去掉“设置缩放”事件，改用 缩放动画+“从头播放动画”的事件 结合实现；或②给“设置缩放”事件所在的图层套一个组，然后将事件的缩放对象选择为组内的该图层。

## 💡**全局变量相关问题**

## <mark style="color:blue;">1.全局变量跨场景</mark>

#### **Q1：全局变量设置的值，在跳转到其他场景后，是会重置还是继承前一个场景中的数值？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x5168;局变量是贯穿所有场景的，不会因切换场景就重置全局变量。除非有事件设置控制全局变量在切换场景后重置。也就是说在任一场景都可以对同一个全局变量进行设置

相关阅读： [全局变量](/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)  [制作技巧-事件设置](/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-jian-she-zhi)

## <mark style="color:blue;">2.条件判断相关问题</mark>

#### **Q1：条件判断有办法复制吗，还是只能手动添加** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x6761;件判断的整个事件是可以复制的。若同时存在多个条件判断，只想复制其中一个，暂时不可以，需要手动添加（若响应事件较多，可先复制整个条件判断，再删除其他不需要的）


# 适配问题

\#自由编辑器

## <mark style="color:blue;">1.怎么调整其他机型的素材</mark>

#### **Q1：制作素材时，画布大小默认是以iPhone6屏幕大小展示的，那其他机型的画面怎么调整？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x9996;先，是<mark style="color:red;">不需要区分机型单独调整</mark>的，因为素材在不同机型上会等比放大，自动适配所有机型。然后绝大部分的资产也都不需要调整，因资产默认居中适配，在iPhone6屏幕下调整好的素材，放在其他机型上也都能完整展示。少部分资产需要单独调整屏幕适配方式（如产品信息/免责声明等），即可完美适配所有机型

相关阅读： [屏幕适配方式](/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/ping-mu-shi-pei-fang-shi)&#x20;

## <mark style="color:blue;">2.预览时资产没有全屏显示</mark>

#### **Q1：在预览素材时发现部分机型会出现资产无法全屏显示的问题，或四周有白边？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x51FA;现此类问题，是因为您在制作过程中没有做好屏幕适配，可从以下几方面排查：

* 检查资产原始尺寸：在默认居中适配的情况下，资产原始尺寸至少设为1800\*1800，才可以全屏覆盖所有机型（需注意：因视频尺寸的比例是固定的，所以无法铺满所有屏幕，需要您手动调节视频的位置大小到合适）
* 检查屏幕适配方式：看资产是否设置了非居中适配。若您需要让底图贴一侧适配，则图片尺寸还要再调大一些

（以上需注意：参数默认横竖屏拆分，竖屏调整完还需调整横屏）

* 设置背景图片：在【全局设置】下添加的背景图片，是会自动拉伸铺满屏幕的，可以适配所有机型。因此，我们建议您在制作每一个项目时都先添加一张背景图片进行兜底

#### **Q2：预览iPhoneX和vivo机型上下有黑边？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x56E0;iPhoneX和vivo这两款机型上方有刘海屏，为避免素材被刘海屏遮挡，会露出一定的黑边，无法避免哦

## <mark style="color:blue;">3.当图层有动画且要单独设置屏幕适配方式</mark>

#### **Q1：如给产品信息组设置了入场的位移动画，希望实现"在玩家进入结束页面后，产品信息从屏幕外进入画内"的效果，同时给组设置了贴底适配。但实际预览时，发现在不同机型上，产品信息组最终固定的位置不一样？不全是贴底的** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x56E0;给产品信息组加了位移动画，其中的位移距离是绝对值，不会随着机型的大小而改变数值，所以在不同机型下预览会有位置上的偏移，没有全部实现贴底的效果。

**调整方法：**&#x7ED9;产品信息组再套一个组，并把这个大组移动到画布贴底的位置，然后设置大组的"屏幕适配方式"为底部适配即可（因为大组的层级比组内图层要高，这样产品信息组的位移动画会照常播放，但最终停止的位置是以大组的位置为准的）

## <mark style="color:blue;">4.适配方向相关问题</mark>

#### **Q1：已经做好了一个适配方向为"横屏&竖屏"的项目，怎么修改为单屏呢？** <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x5728;项目列表复制该项目，重新选择【适配方向】为所需方向即可

<div align="left"><figure><img src="/files/bY0pR4c6VnfkzpgtxJSN" alt="" width="476"><figcaption></figcaption></figure></div>


# 预览问题

#### **Q1：**&#x9884;览可玩发现BGM或其他音效 在入场时没有自动播放/延迟出现，是怎么回事？ <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x8FD9;是正常现象，浏览器会限制页面自动播放音频。**实际投放环境不会有这个问题，无须担心。**

预览时，可在可玩加载后点一下屏幕任意位置或CTA按钮，让BGM先"解锁"播放，再试玩即可正常播放所有音频。

#### **Q2：**&#x505A;好了可玩素材，在平台预览没问题，但用手机扫码试玩会鬼畜式加载或根本加载不出来，无法正常试玩？ <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x51FA;现这种情况，您可先自行检查是否是项目内的场景数量和视频资源过多，这会直接导致试玩加载缓慢甚至卡顿。建议：减少场景数量到≤4个；视频不要剪辑得太碎或交互次数过多。

#### **Q3：**&#x53EF;玩素材在手机上预览，发现产品信息或其他画面显示不全？ <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x51FA;现这种情况，大概率是因为您是用手机浏览器预览的，这种情况下手机屏幕不是全屏（顶部或底部有浏览器导航栏），被遮挡了，所以看不到完整的画面，在实际投放中不会有这个问题。

您也可通过此工具转换链接，在电脑上预览手机端效果 [/pages/9HWDkONQxdnOrBwBPouM#id-1.-qie-huan-yu-lan-she-bei-yu-lan](https://doc.playturbo.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-faq/pages/9HWDkONQxdnOrBwBPouM#id-1.-qie-huan-yu-lan-she-bei-yu-lan "mention")：<https://playable-portal.mintegral.com/#/tools/mw-viewer>

#### Q4：下载如Unity等渠道包以后，里面的可玩链接在电脑端可以打开预览，在手机端要怎么预览呢？ <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x4E0B;载的压缩包里的可玩链接，一般手机端是不支持直接打开这类格式的；如想查看各渠道的实际预览效果，可在下载窗口内，勾选渠道后，点击【预览】扫码或复制链接查看，这和实际投放时的效果是一样的。

也可通过此工具转换链接，在电脑上预览手机端效果 [/pages/9HWDkONQxdnOrBwBPouM#id-1.-qie-huan-yu-lan-she-bei-yu-lan](https://doc.playturbo.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-faq/pages/9HWDkONQxdnOrBwBPouM#id-1.-qie-huan-yu-lan-she-bei-yu-lan "mention")：<https://playable-portal.mintegral.com/#/tools/mw-viewer>

<div align="left"><figure><img src="/files/fu7ksVoFuWExjj1lJK2A" alt="" width="357"><figcaption></figcaption></figure></div>

#### Q5：可玩素材刚打开时的loading界面，在实际投放中会出现吗？ <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x4F1A;的，试玩加载时展示loading页面。 loading页面语言展示逻辑：

* 产品名称：优先用项目里的默认语言去读取对应语种的商店信息；没取到的话就用在Playturbo关联的商店信息的语种。
* 描述文案：可填可不填。若填写：则固定展示填写内容，投放时不会适配其他语言；若不填：会默认展示截图蓝色框内的文案，并适配预览设备的语言来展示相应语言。

<div align="left"><figure><img src="/files/v8uxzDl7RAdO8jdQ2ukj" alt="" width="346"><figcaption></figcaption></figure> <figure><img src="/files/bCl0K7JdME12FlrpsjJV" alt="" width="190"><figcaption></figcaption></figure></div>

#### Q6：下载渠道包后，在本地打开html文件预览试玩，但是没有触发跳转应用商店？ <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x8FD9;是正常的，部分渠道的html文件 在本地预览就是不会跳转的。实际投放没有问题，无须担心。

#### Q7：手机预览可玩遇到问题，解决后PC端预览正常但手机端依然有问题？ <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x8BF7;注意，当项目有任何更新/改动，需要先保存项目 然后<mark style="color:red;">重新生成最新的链接或二维码</mark>，再用手机预览。若仍有问题，可联系您的创意顾问。

#### Q8：用手机扫码预览可玩时有弹窗，提示“省电模式会影响素材预览”，请问实际投放会受影响吗？ <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x6B64;提示仅出现在手机开启省电模式时预览可玩，实际投放环境不会受影响，正如弹窗里的提示“广告实际展示时无影响”，所以不用担心。

#### Q9：可玩在电脑预览一切正常，但用手机扫码或复制链接打开 会加载不出来？ <a href="#q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k" id="q1-zai-shi-yong-mou-mu-ban-jin-xing-zi-you-zhi-zuo-shi-xiang-tiao-zheng-mou-ge-tu-ceng-de-dong-hua-k"></a>

**A：**&#x8FD9;可能是因为您在可玩素材加载过程中就扫码预览了，实际需要完全等可玩加载完成后，再操作扫码或复制链接。


# 自由编辑器-制作技巧中心

\#自由编辑器

本模块提供了使用自由编辑器时 一些常见内容的制作技巧，旨在帮助您提高效率，快速完成素材制作。

**Tips：**&#x53EF;以进入对应的子目录来获取您需要的制作技巧，也可直接在右上角搜索框**输入关键词**快速检索！

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


# 模板自由编辑需知

\#自由编辑器 #自由编辑

## <mark style="color:$primary;">一、模板自由编辑支持的操作</mark>

当您使用模板进行【自由编辑】时，替换资源仅是基础操作，实际有很多内容都可以调整，因此<mark style="color:red;">同一模板其实可以迭代出N多版本的可玩素材</mark>，建议您多多尝试！以下是模板迭代支持的主要操作内容汇总：

<table><thead><tr><th width="317">迭代操作</th><th width="218">支持的制作方式</th><th>适用模板</th></tr></thead><tbody><tr><td><p>修改预设的"玩法参数"</p><p>(每个模板可调整的玩法参数都不同)</p></td><td>换肤编辑&#x26;自由编辑</td><td>通用</td></tr><tr><td>替换资源</td><td>换肤编辑&#x26;自由编辑</td><td>通用</td></tr><tr><td>隐藏资源</td><td>换肤编辑&#x26;自由编辑</td><td>通用</td></tr><tr><td>调整资源大小</td><td>换肤编辑&#x26;自由编辑</td><td>通用</td></tr><tr><td>调整资源位置/布局</td><td>自由编辑</td><td>通用</td></tr><tr><td>新增资源</td><td>自由编辑</td><td>通用</td></tr><tr><td>新增场景</td><td>自由编辑</td><td>通用</td></tr><tr><td>调整动画&#x26;新增动画</td><td>自由编辑</td><td>通用</td></tr><tr><td>调整事件&#x26;新增事件</td><td>自由编辑</td><td>通用</td></tr><tr><td>调整快捷排版(棋盘布局)</td><td>自由编辑</td><td>部分消除/拼图玩法</td></tr><tr><td>调整快捷排版(停车解密布局)</td><td>自由编辑</td><td>空间解谜停车玩法</td></tr><tr><td>调整组件</td><td>自由编辑</td><td>包含各类组件的模板</td></tr></tbody></table>

相关案例预览&教程： [《方块消除》模板自由制作](/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)

## <mark style="color:$primary;">二、模板自由编辑 调整自由度需知</mark>

在您使用模板进行【自由编辑】时：

* <mark style="color:red;">若打开【玩法模板】没有相关内容</mark>(左图)：则代表该模板没有代码参与，您可以自由调整该模板
* <mark style="color:red;">若打开【玩法模板】有相关内容</mark>(右图)：则代表该模板的核心玩法由代码控制，且核心元素位于\[玩法编辑]内，调整时会有一定限制（具体限制参考下方表格）

<div><figure><img src="/files/trHmor4EQbszCn0AjnHH" alt=""><figcaption><p>调整无限制</p></figcaption></figure> <figure><img src="/files/DvpETUDW4wLPzWjF3kq5" alt=""><figcaption><p>调整有限制</p></figcaption></figure></div>

**有代码参与的模板，在选择【自由编辑】时，建议**<mark style="color:red;">**参照以下调整自由度**</mark>**来操作。否则可能引起模板报错，导致返工。**

<table><thead><tr><th width="239">对应操作</th><th width="225">普通场景</th><th>玩法模板 - 玩法编辑</th></tr></thead><tbody><tr><td><strong>替换资产</strong></td><td>可以</td><td>可以</td></tr><tr><td><strong>新增资产</strong></td><td>可以</td><td>适当操作</td></tr><tr><td><strong>新增场景</strong></td><td>可以</td><td>不支持</td></tr><tr><td><strong>其他非删除操作</strong>(如调整资产位置/大小;隐藏资产)</td><td>可以</td><td>适当操作</td></tr><tr><td><mark style="background-color:red;"><strong>删除图层</strong></mark></td><td>NO!  请用"隐藏"代替</td><td>NO! 高几率报错! 请用"隐藏"代替</td></tr><tr><td><mark style="background-color:red;"><strong>调整图层结构</strong></mark></td><td>不建议，适当操作</td><td>NO! 高几率报错!</td></tr><tr><td><mark style="background-color:red;"><strong>修改图层命名</strong></mark></td><td>不建议，适当操作</td><td>NO! 高几率报错!</td></tr><tr><td><strong>调整动画</strong></td><td>可以</td><td>不建议，适当操作</td></tr><tr><td><strong>新增动画</strong></td><td>可以</td><td>不建议，适当操作</td></tr><tr><td><strong>调整事件</strong></td><td>可以</td><td>不支持</td></tr><tr><td><strong>新增事件</strong></td><td>可以</td><td>不支持</td></tr></tbody></table>

## <mark style="color:$primary;">三、模板资产替换需知</mark>

### 1.资产替换技巧

在【替换资产】时，有两种方法都比较快捷，您可任选一种进行制作

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

#### a. 换肤编辑

* 选择模板，然后选择【换肤编辑】
* 打开任一图片坑位，将需要替换的所有图片资产集中上传进资产库，方便后续替换；其他类型资产同理
* 然后【复制到自由编辑】进行后续迭代

<figure><img src="/files/7b3UaHphrD6pa5xzkcGe" alt=""><figcaption></figcaption></figure>

#### b. 自由编辑

* 选择模板，然后选择【自由编辑】
* 点击【项目资产】，将需要替换的所有资产集中上传到项目资产内，方便后续替换

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

*<mark style="color:red;">**Tips：**</mark>若有相同的资产出现在多个场景中，同时您又想全部替换掉：可以在【项目资产】窗口内选中该资产，进行替换，这样便可以一次性快速完成所有场景的替换哦！*

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

### 2.找不到某些资产/图层？

💡 在您使用模板进行【自由编辑】时，想调整某图层却没有找到在哪？

&#x20;1）**产品信息或其他常驻元素：**&#x53EF;点击【全局设置】，在左侧图层区查找

2）**常规元素：**&#x70B9;击对应【场景】，在左侧图层区查找 或 直接在画布中点击对应图层

<mark style="color:red;">3）若场景的图层区没有，则大概率</mark><mark style="color:red;">**位于【**</mark>[<mark style="color:blue;">**玩法模板**</mark>](/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/wan-fa-mu-ban)<mark style="color:red;">**】内**</mark><mark style="color:red;">：点击顶部资产库>>>玩法模板>>>玩法编辑/快捷布局，进行查找（调整自由度请参照Part2）</mark>

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

**注意：**&#x6781;少数模板的某些资产可能在【玩法模板】中也没有，这是因为该资产由开发通过代码控制，在自由编辑器内无法或不推荐修改，否则易引起报错，因此我们不展示该资产坑位。

## <mark style="color:$primary;">四、调整顺序建议</mark>

在您使用模板【自由编辑】进行素材迭代时，我们通常建议您按照以下步骤操作，从整体到细节，以便保证操作的有序和效率！

### 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/can-shu-she-zhi-qu/wan-fa-can-shu-chang-jing-can-shu)

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

### 2.场景调整

建议您在模板迭代之初，就决定好是否要新增场景。原则上，<mark style="color:red;">在不影响核心玩法的情况下，可以在开头、结尾新增场景，丰富素材玩法</mark>。可根据实际需求，通过"新建场景"或"复制场景"来实现场景的增加

* **新建场景：**&#x60F3;增加的场景和已有场景的相关性较低，基本不需要用到已有场景里的资产（如在开头新增一个引入场景或以产品信息为主的结束场景）
* **复制场景：**&#x60F3;增加的场景和已有场景的相关性较高，需要用到已有场景里的较多资产（如想以当前场景画面作为背景图，添加遮罩和结算信息）

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

💡**增加不同场景的操作步骤：**

* <mark style="color:orange;">**新增开头场景：**</mark>新建场景 - 移动到所有场景之上 - 制作场景内容 - 设置事件"跳转到下一场景"(即模板原本的场景1)

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

* <mark style="color:orange;">**替换原本的结束场景：**</mark>新建场景 - 移动到模板原本的结束场景之上 - 勾选该场景为"结束场景" - 制作场景内容 - 设置跳转商店的事件 - 进入模板原本的核心场景,在【事件】栏找到和结束场景相关的跳转事件,若有需要可在此处进行调整

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

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

💡Tips：【预设库】内有很多预设好的页面布局，可直接添加使用！ [预设库](/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)

### 3.资产调整

* 替换资产：将需要保留的资产逐一进行替换
* 新增资产：添加所需资产，并调整各个资产的位置大小，对同类资产进行编组，方便后续制作
* 隐藏资产：将不需要的资产进行隐藏
* 调整资产的大小/位置/布局（建议在普通场景操作）

⚠️<mark style="color:red;">若有不需要的资产，可以通过【隐藏该图层】或【调整该图层透明度为0】这两种方法将资产隐藏，不要随意删除图层，大概率会导致模板报错，无法正常试玩！</mark>

<div align="left"><figure><img src="/files/rvKQQDqXtHlVAYyUBxiQ" alt=""><figcaption><p>隐藏图层</p></figcaption></figure></div>

<div align="left"><figure><img src="/files/8IAj7uozHFHpVfB8crtM" alt=""><figcaption><p>调整透明度</p></figcaption></figure></div>

### 4.快捷布局/组件调整

部分模板含有【快捷布局】或【xx组件】，可根据需要进行调整

👉相关阅读： [特殊功能:组件库&快捷排版](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan/te-shu-gong-neng-zu-jian-ku-kuai-jie-pai-ban)

### 5.动效调整

#### 1）调整动画

若您想调整模板中某一资产的动画效果，可选中该资产图层，在右侧参数设置区的【动画】一栏查看是否有可调整的动画参数

* 若该位置有动画参数，则代表可以调整

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

* 若该位置无动画参数，则可能由代码控制，不可以调整

<figure><img src="/files/908JWRTi79zcZwxUCFwl" alt=""><figcaption></figcaption></figure>

#### 2）新增动画

若有需要，还可在图层或场景上添加动画

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

#### 3）调整粒子特效

* 可以替换现有粒子贴图、调整粒子的参数
* 可以新增粒子特效，并调整其位置大小（注意横竖屏都要调整）
* 同样，对于不需要的粒子特效，可以将其图层隐藏或调整透明度为0

👉相关阅读： [粒子参数](/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/wai-guan-tu-ceng-can-shu/li-zi-can-shu)

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

### 6.事件调整

#### 1）修改事件

通常，在每个模板的核心玩法场景下，都有一些事件参数可供调整。

💡可结合事件的名称及对应的响应事件，判断该事件所实现的是哪部分效果。<mark style="color:red;">如有需要，可在对应事件下</mark> <mark style="color:red;"></mark><mark style="color:red;">**修改原有事件/新增响应事件/拖拽调整响应事件的顺序**</mark>

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

部分图层上也可能包含事件，同理动画，若您想调整模板某一图层的事件，可在右侧参数设置区的【事件】一栏查看是否有可调整的事件参数

* 若该位置有事件参数，则可以调整
* 若该位置无事件参数，则可能由代码控制，不可以调整

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

#### 2）新增事件

若有需要，还可为图层添加事件

* 可直接在现有触发事件中添加响应事件
* 也可额外添加触发事件和响应事件

<figure><img src="/files/2EpSumkvhpbSZA8os0nm" alt=""><figcaption></figcaption></figure>

👉相关阅读： [事件-通用参数](/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/shi-jian-tong-yong-can-shu)

### 7.多语言文本翻译

内容基本调整完成后，我们点击【全局设置】，可对语言进行调整和新增

* 调整语言：在【默认语言】处点击笔刷图标，调起文本翻译窗口
* 新增语言：在【默认语言】处点击【添加语言】，调起文本翻译窗口

具体操作步骤可查看[多语言配置与智能翻译](/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)

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

### 8.横屏适配

⚠️在每个场景的竖屏调整完成后，记得对横屏进行 **排版和适配** 的调整（建议多使用“复用竖屏位置尺寸配置”功能）

👉相关阅读： [屏幕适配方式](/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/ping-mu-shi-pei-fang-shi)  [制作技巧-适配相关](/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)

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

### 9.整体预览

全部调整完成后，**请一定记得对 不同机型/不同语言/横竖屏 分别切换预览**，确认无误后再操作推送或下载

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

[项目自查指南](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-zhi-zuo-ji-qiao-zhong-xin/xiang-mu-zi-cha-zhi-nan)

## <mark style="color:$primary;">五、模板自由编辑FAQ</mark>

### Q1：为什么部分模板没有【自由编辑】或【从换肤复制至自由编辑】选项？

A：目前，少部分模板由于完全由代码制作，或存在待修复的问题，暂时不支持使用【自由编辑】模式，仅可进行换肤制作。因此，也不会展示【自由编辑】相关入口。

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


# 通用制作技巧

\#自由编辑器

本模块为自由编辑器的通用制作技巧。


# 制作技巧-制作流程建议

\#自由编辑器 #空白制作

在您使用自由编辑器进行【空白制作】时，我们通常建议您按照以下步骤进行制作，可以大大提高效率哦！

## <mark style="color:blue;">一、资产搭建</mark>

### 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/xiang-mu-zi-chan) [资产库](/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/zi-chan-ku)

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

### 2.搭建场景

2-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/chang-jing-qu/quan-ju-she-zhi)

<figure><img src="/files/5lKz6Xs2nJjvCLLieRRu" alt=""><figcaption></figcaption></figure>

* 为了更好地适配不同机型，通常，我们会将背景图/底图一类的资产尺寸调整地比较大，拉出画布外

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

* 资产的位置/大小调整完成后，我们对资产进行合理编组，这会为后续的制作提供很多便利
* 编组完成后，我们根据资产的排版分布，进行【屏幕适配方式】的调整。如将logo设置为居中贴顶适配，将免责声明设置为居中贴底适配

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

2-2）全局资产搭建完成，我们进入【场景】进行核心玩法与结束页面的搭建。如：

* 场景1：核心玩法。添加相关资产，调整位置大小，编组
* 场景2：结束页面。可从【预设库】内选取预设直接使用
* 注意：若使用预设，建议在此步骤就添加(因为添加预设是会新增出一个带有该预设的新场景)。预设添加成功后，我们可对部分资产进行微调，同时可删除原有的场景2

🌟帮助中心文档指路：[普通场景](/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/chang-jing-qu/pu-tong-chang-jing) [图层区](/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/tu-ceng-qu) [预设库](/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)

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

## <mark style="color:blue;">二、横屏排版与适配</mark>

完成竖屏的资产搭建后，我们切换至横屏，进行排版与适配调整（若您在创建项目时选择了单屏制作，可忽略此步骤）

* 按住Ctrl键选中所有最高级的图层（或将所有图层编进一个大组内，选中大组即可），点击右侧【复用竖屏位置尺寸配置】按钮即可一键排版
* 若位置大小不合适，微调位置与缩放比例即可

<figure><img src="/files/9DKSbsurSqSBSeeszSNt" alt=""><figcaption></figcaption></figure>

* 同样，对个别需要调整【屏幕适配方式】的图层进行设置
* 各场景的横屏排版与适配都同理

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

🌟帮助中心文档指路： [屏幕适配方式](/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/ping-mu-shi-pei-fang-shi) [制作技巧-适配相关](/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)

## <mark style="color:blue;">三、动效设置</mark>

完成所有横屏的调整后，我们开始设置动效。

### 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/can-shu-she-zhi-qu/dong-hua-tu-ceng-can-shu)

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

### 2.添加粒子特效

若需添加粒子特效，可从【资产库】的【粒子】一栏选取。添加到画布后，调整其位置即可

注意：调整完竖屏，还需调整横屏下的粒子位置

🌟帮助中心文档指路： [粒子参数](/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/wai-guan-tu-ceng-can-shu/li-zi-can-shu)

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

所有动效设置完成，我们进行最重要的一步——事件设置。

## <mark style="color:blue;">四、事件设置</mark>

通常，我们会按照试玩的顺序依次进行事件设置。可根据实际需求，将事件设置在图片上、组上、手势区域上、场景上等等。建议每完成一部分事件设置，就及时预览，查看事件设置是否符合您的需求，如有问题也方便及时调整。

🌟帮助中心文档指路： [事件-通用参数](/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/shi-jian-tong-yong-can-shu)  [全局变量](/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)

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

<mark style="color:red;">**注意：**</mark>记得勾选最后的结束页面为【结束场景】，或手动添加【上报试玩结束】

🌟帮助中心文档指路：[作品制作-重要提示⚠️](/ke-wan-gong-ju-zi-you-bian-ji-qi/zuo-pin-zhi-zuo-zhong-yao-ti-shi#shang-bao-shi-wan-jie-shu)

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

## <mark style="color:blue;">五、多语言文本翻译</mark>

在所有内容基本设置完成后，我们点击【全局设置】，在【默认语言】处进行多语言版本的添加

* 点击【添加语言】，调起文本翻译窗口，可选择要生成的新的目标语言
* 也可在【默认语言】处删除不需要的语言版本

🌟帮助中心文档指路：[多语言配置与智能翻译](/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)

<figure><img src="/files/2lIJdsiGhS5gZ97qs9vW" alt=""><figcaption></figcaption></figure>

* 多语言版本添加成功后，记得切换语言对所有场景进行预览。可在右侧微调该语言版本的文本字号等内容。

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

## <mark style="color:blue;">六、整体预览</mark>

完成以上内容的制作，我们的素材就制作完成了。点击【预览】，对不同机型/不同语言/横竖屏进行整体预览试玩，确认素材没有问题

<figure><img src="/files/2npgOYbl2gHLbJgu5zXR" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">七、产品信息补全</mark>

确认无误后，在推送或下载前，我们还需完成最后一步——添加产品信息

* 点击右上方的【项目信息】
* 在弹窗内点击【关联推广产品】，选择【新增推广产品】
* 在弹窗内填写相应的产品信息，点击【确认】即可

<div align="left"><figure><img src="/files/A891Ge6qn5dWrWkTxN8Q" alt="" width="519"><figcaption></figcaption></figure></div>

🌟帮助中心文档指路： [自由编辑器 - 下载&推送](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan/zi-you-bian-ji-qi-xia-zai-tui-song)

以上，就是我们制作空白制作项目的完整流程。


# 制作技巧-场景制作

\#自由编辑器

## <mark style="color:blue;">一、整体建议</mark>

建议合理拆分场景：不要添加过多的场景（最好控制在5个以内），同时在同一场景内不要添加过多资产、设置过多效果，否则会导致可玩广告在投放时出现加载慢、卡顿等性能问题。

具体制作建议：

* 建议尽量压缩第一个主场景中的资产大小，不要有过大的视频资产，否则会影响素材的加载完成率和开始互动率
* 建议不要使用较大视频和大量序列帧，会影响素材加载率
* 同一场景内视频数量不要超过4个

## <mark style="color:blue;">二、全局场景</mark>

建议将常驻信息放置于【全局场景】内，可以免去重复制作的麻烦，同时便于统一管理。

常驻信息一般包含：产品信息/下载按钮/免责声明。您也可根据实际情况，将那些会出现在每一个场景的内容放置于全局场景 [全局设置](/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/chang-jing-qu/quan-ju-she-zhi)

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

在普通场景的场景设置中，可以根据实际制作情况灵活调整，支持选择是否要在当前场景启用【全局场景】，以及将【全局场景】置于当前场景的顶层还是底层。

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

举个例子：在结束页面想做遮罩效果时，可以选择将全局场景【置于场景底层】，更加美观

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

## <mark style="color:blue;">三、普通场景</mark>

场景拆分核心思想：让单个场景里的动画和事件尽可能少，图层结构简单（便于后续检查动画和事件设置问题），同时还要避免添加过多场景导致试玩卡顿，所以我们通常建议将<mark style="color:orange;">核心玩法</mark>与<mark style="color:orange;">结果反馈</mark>分开制作。

**下面我们通过一个**[**案例**](/playturbo-an-li-jiao-xue-ji-di/ke-wan-zi-you-bian-ji-qi-an-li/tong-yong-zhi-zuo-an-li/chu-ji-jiao-xue-kong-bai-zhi-zuo-jiao-cheng/2d-playable-san-xuan-yi-duo-chang-jing-jiao-cheng)**进行详细说明：**

### 1.Scene1 ：核心玩法

展示素材核心玩法及操作指引，明确交互目标，诱导玩家操作

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

### 2.Scene2/3/4：对应结果A/B/C

已知在Scene1有三个选项可以选择，会对应生成三种不同的结果，因此我们将每个结果单独放置在一个场景

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

### 3.Scene5：结束页面

结束页面可作为用户跳转商店后返回的落地页，通常建议展示：产品信息、结算信息、奖励信息、福利信息等内容，并添加跳转按钮

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


# 制作技巧-资产相关

\#自由编辑器

## <mark style="color:blue;">一、资产编组</mark>

建议您在将资产添加到画布后，在图层区按照类别或作用对资产进行编组整合，方便后续制作

<figure><img src="/files/8DYoFME54K3H0VkF6YKZ" alt=""><figcaption></figcaption></figure>

**编组有什么作用？**

首先要知道，组的级别是高于单个资产的，小组之上的大组级别又是高于小组的，这就意味着对组的调整会作用于其下的各个资产，对大组的调整会作用于其下的各个小组和资产

举个例子：当隐藏左侧道具组时，其下的文本和图片会被一起隐藏；当隐藏整个选项大组时，其下的指引文案和手指以及两个道具组都会随之隐藏

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

所以，合理地为资产编组：

1）方便在资产冗杂时，通过组别快速查找相应的资产，快速定位哪部分资产有问题；

2）能够更加高效地设置动画和事件，无需将同样的动画/事件一一设置在资产上，仅在组上设置即可；

3）方便为整个组的资产做屏幕适配，以及调整横屏布局（在做好竖屏排版后进入横屏，选中大组，点击“复用竖屏位置尺寸配置”按钮一键布局）

## <mark style="color:blue;">二、效果实现</mark>

### 1.如何制作“镜像&倒影”？

制作思路：镜像=水平翻转，倒影=垂直翻转，在外观参数调整对应图层的缩放比例即可

1）选中需要调整的图层

2）右侧参数设置区，修改缩放比例：

* 镜像：将【缩放比例】中的【 水平缩放】数值调整为-1

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

* 倒影：将【缩放比例】中的【 垂直缩放】数值调整为-1

<figure><img src="/files/4o439Ka6j7ScfKpBMxBz" alt=""><figcaption></figcaption></figure>


# 制作技巧-动画设置

\#自由编辑器

## <mark style="color:blue;">1.常用操作指引(手指动画)</mark>

<table data-full-width="false"><thead><tr><th width="133">手指动画</th><th width="142">图示</th><th width="358">制作步骤</th><th>图示</th></tr></thead><tbody><tr><td><strong>原地点击</strong></td><td><img src="/files/VO5YAnu7L4JA9m0NArH1" alt="" data-size="original"></td><td><ul><li>手指图片：添加动画-通用-缩放缓动，参数设置如右图1</li><li>点击特效图片（选做）：添加动画-通用-缩放缓动，参数设置如右图2；继续添加透明度缓动，参数设置如右图3；若想实现双层光圈效果，可再复制一个光圈图层，将两个动画的“延迟时间”改为0.2s即可</li></ul></td><td><p><img src="/files/0M5wnqg6X68RFSXrhofe" alt="" data-size="original"></p><p><img src="/files/hcQyDrSKVtWF8oKYUYDa" alt="" data-size="original"></p><p><img src="/files/wdhJKMjA2wo2dhjxex9o" alt="" data-size="original"></p></td></tr><tr><td><strong>移动点击</strong></td><td><img src="/files/DGh3tImF1Tj0eum7wVhy" alt="" data-size="original"></td><td><ul><li>手指图片：添加动画-通用-位移缓动，参数设置如右图</li></ul></td><td><img src="/files/nTCPdmqJ1ytsmiiXll6q" alt="" data-size="original"></td></tr><tr><td><strong>按钮二选一</strong></td><td><img src="/files/3au5Yz99zQTOIj4bFelR" alt="" data-size="original"></td><td><ul><li>手指图片：添加动画-通用-位移缓动，参数设置如右图1；继续添加缩放缓动，参数设置如右图2</li><li>选项按钮：为左侧按钮组添加动画-通用-缩放缓动，参数设置如右图3；复制该动画到右侧按钮组，调整动画曲线为反方向即可，参数设置如右图4</li></ul></td><td><img src="/files/knx2mGsapHIYs29nfa5Z" alt=""><img src="/files/AUZQc5qnHaD0uKS5nmMx" alt=""><img src="/files/bIHhoxtnGy7pRaI57a0z" alt=""><img src="/files/VjrRbx3vnnzc6p6yO6gH" alt=""></td></tr><tr><td><strong>按钮四选一</strong></td><td><img src="/files/tYvlKWDxCQMtJSSaN4l8" alt="" data-size="original"></td><td><ul><li>手指图片(横向运动)：添加动画-通用-位移缓动，参数设置如右图1；(选做)继续添加缩放缓动&#x26;透明度缓动，参数设置如右图2&#x26;3</li><li>手指图片组(纵向运动)：添加动画-通用-位移缓动，参数设置如右图4</li><li>选项按钮：添加动画-通用-缩放缓动，依次调整曲线即可</li></ul></td><td><p><img src="/files/nbWHLIsZJYMwztvrK3vV" alt="" data-size="original"></p><p><img src="/files/F2hCH6914ZnMxq4ErqsG" alt=""></p><p><img src="/files/TnIjlBwEKJqita2amFSd" alt=""></p><p><img src="/files/zA2rVwdSsyRKupMFnhFs" alt=""></p></td></tr><tr><td><strong>左右滑动</strong></td><td><img src="/files/cDgbrp8TK1MQcpOPThkr" alt="" data-size="original"></td><td><ul><li>手指图片：添加动画-通用-位移缓动，参数设置如右图</li></ul></td><td><img src="/files/UdPrVVuKBL0AG8RtAc3S" alt="" data-size="original"></td></tr><tr><td><strong>滑动切割</strong></td><td><img src="/files/yyV3sZfmxS1kPbD3kQFR" alt="" data-size="original"></td><td><ul><li>手指组：添加动画-通用-位移缓动，参数设置如右图1；继续添加透明度缓动，参数设置如右图2</li><li>拖尾效果（选做）：可直接将拖尾图片置于手指组内，跟随组动画一起运动</li></ul></td><td><img src="/files/dAdqXYkowPPeCCRXxsOu" alt=""><img src="/files/xixTzp1UI2bmcb7ytonS" alt=""></td></tr><tr><td><strong>八字滑动</strong></td><td><img src="/files/5guhHYs9qw2lyNYhj0JM" alt="" data-size="original"></td><td><ul><li>手指图片(横向运动)：添加动画-通用-位移缓动，参数设置如右图1</li><li>手指图片组(纵向运动)：添加动画-通用-位移缓动，参数设置如右图2</li></ul></td><td><img src="/files/18ITDM1qWouCbuxjjNxo" alt=""><img src="/files/wvc5U7gk71Bd6FwYu5bP" alt=""></td></tr><tr><td><strong>从A点拖到B点</strong></td><td><img src="/files/JqPoajrXn5Ckv2mBET8G" alt="" data-size="original"></td><td><ul><li>手指图片：添加动画-通用-位移缓动，参数设置如右图1</li><li>开头结尾透明度效果（选做）：在手指组上添加动画-通用-透明度缓动，参数设置如右图2；继续添加透明度缓动，参数设置如右图3</li></ul></td><td><img src="/files/LYeKxCIs2qPVPrAIqlP2" alt=""><img src="/files/Qk1mt7feRikV5P9AtIbN" alt=""><img src="/files/DRAil37uMZOdBGRuICGg" alt=""></td></tr></tbody></table>

####

## <mark style="color:blue;">2.如何设置人物呼吸感动画</mark>

1）选中人物图层，将锚点修改为（50,100）

<figure><img src="/files/3qM1sH8a8Py7GEttQAD0" alt=""><figcaption></figcaption></figure>

2）为人物图层添加动画-通用-缩放缓动，具体参数设置如下：

注：可根据实际需求，通过调整【结束比例】来控制人物缩放幅度的大小

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

####

## <mark style="color:blue;">3.如何制作进度条</mark>

1）准备两张图片：底图+进度条

<mark style="color:red;">注意：进度条图片左右需贴边，不能留空</mark>

2）选中进度条图层，将锚点修改为（0,50），并调整到合适位置

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

3）为进度条图层添加动画-通用-缩放缓动，重要参数设置：播放1次 / 起始比例X轴设为0，Y轴不变默认为1，结束比例不变默认为1。

具体参数设置如下：

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

####

## <mark style="color:blue;">4.如何制作血条</mark>

1）准备两张图片：底图+血条

注意：血条图片左右需贴边，不能留空

2）选中血条图层，将锚点修改为（0,50），并调整到合适位置

<figure><img src="/files/4XcFN9ckNJ4rcsy07S9L" alt=""><figcaption></figcaption></figure>

3）为血条图层添加动画-通用-缩放缓动，重要参数设置：播放1次 / 起始比例不变，结束比例Y轴不变，都默认为1，仅调整结束比例X轴的数值即可（此处的数值代表最终血量）。

具体参数设置如下：

<figure><img src="/files/4VojIWs9UTOozVCkAxCN" alt=""><figcaption></figcaption></figure>

####

## <mark style="color:blue;">5.制作"资产围绕某一原点旋转"的效果</mark>

以螺丝解谜玩法为例，想实现：以螺丝为原点，木板向右旋转180°的效果

1）点击空白位置，新建一个内容为空的组图层

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

2）将组的位置移动到螺丝所在的位置，即旋转原点的位置（可使用复制粘贴功能，快速复用螺丝的位置）

3）选中group组，添加"旋转缓动"动画

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

4）旋转动画参数设置参考下图，可根据实际情况自行调整参数

5）将木板图层拖进group组即完成设置

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

####

## <mark style="color:blue;">6.制作"模拟角色来回奔跑"的效果</mark>

举例：我有一个角色原地奔跑的序列帧，怎么实现角色来回奔跑的效果？

动画设置核心逻辑：使用位移动画+缩放动画，角色位移到终点时将缩放动画的值从(1,1)改为(-1,1)。具体参数设置如下：

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

<figure><img src="/files/9qJ1VjKg1T5TQV5hkgOA" alt=""><figcaption><p>缩放动画曲线样式示意</p></figcaption></figure>

## <mark style="color:blue;">7.位移动画制作 不规则/曲线运动路径</mark>

做非直线的位移动画，<mark style="color:red;">**制作逻辑是：**</mark>给物品图片编组，在图片和组图层上分别设置位移动画(一个用来做横向的运动，一个用来做纵向的)，两个动画一起播放来实现效果。

注意：物品具体的运动轨迹 取决于[变化曲线](https://doc.playturbo.cn/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/pages/ZSRTi2Vozkvo59R0dIFY#id-2.-te-bie-shuo-ming-bian-hua-qu-xian)的设置

<div align="left"><figure><img src="/files/KTSCk2Wi5hAtkmrXAIDh" alt="" width="267"><figcaption></figcaption></figure></div>

🌟以上图手指指引动画为例：

* 为手指图片\[gf\_hand]添加位移动画，用来做**横向**的运动轨迹
* 为组图层\[group\_hand]添加位移动画，用来做**纵向**的运动轨迹

<figure><img src="/files/P7OKVb9qypOXiej5G7qy" alt=""><figcaption><p>位移缓动X</p></figcaption></figure>

<figure><img src="/files/AMuXo3X18Nmhg5MuNGQ8" alt=""><figcaption><p>位移缓动Y</p></figcaption></figure>

* 还可添加其他资源及动画，丰富指引效果

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


# 制作技巧-事件设置

\#自由编辑器

## <mark style="color:blue;">一、全局变量计算交互次数-不同图层</mark>

### <mark style="background-color:orange;">1.应用场景</mark>

**想实现“多次交互，每次点击/拖拽不同图层，触发相同或不同的xx反馈”的效果**

* 例子1：点击找到5个目标物品后，跳转应用商店
* 例子2：将3块拼图全部成功拖拽到正确位置后，出现"下一关"诱导按钮
* 例子3：每消除1组元素，进度条前进一段；完成3组消除后跳转下一场景
* ... ...

### <mark style="background-color:orange;">2.案例预览</mark>

我们将以模板【考眼力找物品】为例，进行简易版的制作，重点讲解如何通过【全局变量】实现此类玩法的制作。[简易版](http://tinyurl.com/556k7nyx)玩法流程：

* 在画面中点击寻找猫咪
* 每找到1只猫咪，播放一次星星粒子反馈，同时已找到的文本数量+1
* 累计找到三只猫咪后，跳转结束页面

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

### <mark style="background-color:orange;">3.步骤详解</mark>

制作此类玩法共需3步：添加数值类型的变量、给每个元素赋值、添加条件判断计算交互次数

#### <mark style="color:red;">**Step1：添加全局变量**</mark>

* 点击【全局变量】 - 【添加变量】
* 输入变量名称（如click times）
* 选择变量类型为【数值】
* 设置click times的初始值为0（即初始画面玩家还未点击）
* 保存

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

#### <mark style="color:red;">**Step2：赋值**</mark>

* 选中猫咪1图层【cat1】 - 【添加事件】 - 【按下】
* <mark style="color:red;">【添加响应事件】 - 【赋值】：赋值：clicktimes+1</mark>（即按下一个猫咪点击次数就+1）

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

* 继续添加响应事件 -  【显示素材】cat1 - 【隐藏素材】粒子star1
* 添加完成后，我们点击【复制】按钮，复制该按下事件

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

* 然后依次粘贴到图层【cat2】和【cat3】，并更改对应生效的素材为cat2/star2、cat3/star3

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

#### <mark style="color:red;">**Step3：添加条件判断**</mark>

* 在当前**场景**下点击【事件】 - 【添加事件】 - 选择【条件判断】 - 【+条件判断】
* <mark style="color:red;">添加条件判断1 为：clicktimes=数值1，并勾选【只生效一次】</mark>（即当交互次数=1时）

<div align="left"><figure><img src="/files/IbE7HOhFwwUlY2bukC7W" alt="" width="563"><figcaption></figcaption></figure></div>

* 【添加响应事件】  - 【显示素材】text\_1 - 【隐藏素材】text\_0

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

* 同理，继续添加2个条件判断：clicktimes=2（即交互次数=2时）、clicktimes=3（即交互次数=3时）
* 并依次添加响应事件：显示text\_2&隐藏text\_1、显示text\_3&隐藏text\_2
* <mark style="color:red;">**注意：**</mark>因为我们想实现“找到三只猫咪后进入结束页面”，所以需要在条件判断3（即当点击次数=3时）额外添加响应事件 - 跳转下一场景（执行延迟0.5s是预留的粒子播放时长）

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

到这里，事件设置就全部完成了。当您制作遇到需&#x8981;**“计算不同图层的交互次数 以触发xx反馈”**&#x65F6;，不妨尝试套用此制作逻辑与方法哦!

## <mark style="color:blue;">二、全局变量计算交互次数-相同图层</mark>

### <mark style="background-color:orange;">1.应用场景</mark>

**想实现“多次交互，每次点击/拖拽相同图层，触发相同或不同的xx反馈”的效果**

* 例子1：第1次点击转盘，转盘停在位置A；第二次点击转盘，转盘从位置A开始停在位置B；...
* 例子2：点击"生成"按钮，每点1次就出现一个新角色
* 例子3：点击某物品，每次点击都出现相同的粒子特效或其他反馈
* ... ...

### <mark style="background-color:orange;">2.案例预览</mark>

[本案例](https://tinyurl.com/26cnjbb3) 流程梳理：

* 初始转盘停在红色位置；
* 玩家第一次按下，转盘转到紫色位置停止；
* 玩家第二次按下，转盘从紫色位置继续旋转，到青色位置停止

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

### <mark style="background-color:orange;">3.步骤详解</mark>

制作此类玩法共需2步：添加数值类型的变量、给图层事件添加条件判断并赋值

#### <mark style="color:red;">**Step1：添加全局变量**</mark>

* 点击【全局变量】 - 【添加变量】
* 输入变量名称（如Tap）
* 选择变量类型为【数值】
* 设置初始值为0（即初始画面玩家还未点击）
* 保存

<div align="left"><figure><img src="/files/I7gTAKroDihsmurSTXwJ" alt="" width="317"><figcaption></figcaption></figure></div>

#### <mark style="color:red;">**Step2：添加条件判断并赋值**</mark>

* 选中需要被点击的图层 - 【添加事件】 - 【按下】
* <mark style="color:red;">添加条件判断1 为：tap=0</mark>（即交互次数=0）
* <mark style="color:red;">添加响应事件【赋值】：赋值tap+1</mark>（即交互次数=1）
* 添加响应事件：播放转盘的旋转动画1、播放1次反馈音效等

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

* <mark style="color:red;">继续添加条件判断2 为：tap=1</mark>（即交互次数=1）
* <mark style="color:red;">添加响应事件【赋值】：赋值tap+1</mark>（即交互次数=2）
* 添加响应事件：播放转盘的旋转动画2、播放1次反馈音效等
* **同理，若还需玩家点击第3次、第4次...，可依次设置tap=2、tap=3...**

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

*转盘的旋转动画参数如下*

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

到这里，事件设置就全部完成了。当您制作遇到需&#x8981;**“计算相同图层的交互次数 以触发xx反馈”**&#x65F6;，不妨尝试套用此制作逻辑与方法哦!

## <mark style="color:blue;">三、全局变量控制交互开关</mark>

### <mark style="background-color:orange;">1.应用场景</mark>

**想实现“播放反馈时禁止玩家再次交互，待反馈播完后再启用交互”的效果**

* 例子1：三消玩法，每成功完成一组消除，播放粒子及音效反馈；反馈播完才可以继续点击方块，否则点击没有反应
* 例子2：每点击一个盲盒，会弹出不同的物品图片；在展示图片的过程中，禁止点击其他盲盒，直到图片消失
* ... ...

### <mark style="background-color:orange;">2.案例预览</mark>

以 [三消装扮](https://playable-portal.mintegral.com/#/mindwork-view?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001751%252F13755%252Fpv%252F24%252F12%252F09%252F6756911e0db74%252Fproject.html%253Floading%253D1%2526preview%253Dtrue%2526lang%253Dzh-cn%2526preview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526loading%253D1%26mw_test%3D0%26is_browser_tips%3D1%26ptloading%3D1%26track_data%3D%257B%2522pid%2522%253A20001751%252C%2522uid%2522%253A142552%252C%2522skin_id%2522%253A13755%252C%2522sct%2522%253A%2522pt_template_index%2522%252C%2522env%2522%253A%2522p%2522%252C%2522cc%2522%253A%2522SG%2522%257D\&orientation=3\&name=\&language=en%2Czh-cn) 作为案例：消除过程中禁止玩家点击其他方块，要等粒子和音效播放才可以继续点击

### <mark style="background-color:orange;">3.步骤详解</mark>

制作此类玩法可分2步：添加布尔值类型的变量、给图层事件添加条件判断并赋值

#### <mark style="color:red;">**Step1：添加全局变量**</mark>

* 点击【全局变量】 - 【添加变量】
* 输入变量名称（如eliminate）
* 选择变量类型为【布尔值】
* 设置初始值为false

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

#### <mark style="color:red;">**Step2：添加条件判断并赋值**</mark>

* 以其中一个方块为例，选中该图层，在已有点击事件的所有条件判断下 各新增一个条件判断【eliminate=false】
* 其他方块操作同理

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

* 点击场景下的事件，在播放反馈相关的条件判断下设置响应事件：
  * 赋值 【eliminate=true】
  * 执行延迟0.5s(即反馈播放时长)后，赋值 【eliminate=false】
* 其他条件判断的操作同理

\*以上步骤通俗来讲：<mark style="color:orange;">当eliminate=false时，点击事件才生效；触发消除反馈后，赋值eliminate=true，意味着点击事件不再生效；做一个0.5s的时间差，重新赋值eliminate=false，启用点击事件。</mark>如此，实现全局变量控制交互开关的效果

👉案例完整教程 可查阅：[《三消装扮》空白制作教程](/playturbo-an-li-jiao-xue-ji-di/ke-wan-zi-you-bian-ji-qi-an-li/xiao-chu-pi-pei-wan-fa-an-li/san-xiao-zhuang-ban-kong-bai-zhi-zuo-jiao-cheng)  [《三消装扮》空白制作教程](/playturbo-an-li-jiao-xue-ji-di/ke-wan-zi-you-bian-ji-qi-an-li/xiao-chu-pi-pei-wan-fa-an-li/san-xiao-zhuang-ban-kong-bai-zhi-zuo-jiao-cheng#umduz-1)

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

🌟**案例拓展**：如果是例子2所描述的点击开盲盒的玩法，操作会再简单一些

* 同样，添加一个布尔值类型的全局变量，如click，初始值设为false
* 在所有盲盒点击事件的所有条件判断下 各新增一个条件判断 【click=false】
* 直接在每个点击事件的所有条件判断下 新增响应事件 【赋值click=true】、执行延迟0.5s、【赋值click=false】 即可

## <mark style="color:blue;">四、倒计时设置</mark>

### <mark style="background-color:orange;">1.应用场景</mark>

**初始画面设有倒计时**

* **当玩家在设定时间内 无任何操作 或 未完成xx目标时，触发倒计时，进入结局A**
* **当玩家在设定时间内 正确交互或完成xx目标，取消倒计时，进入结局B**

### <mark style="background-color:orange;">2.案例预览</mark>

[本案例](https://tinyurl.com/8de4wcw2) 流程梳理：

* 进入试玩，展示核心玩法与倒计时；
  * 若玩家在10s内完成画线，跳转胜利页面；
  * 若玩家在10s内未完成画线，跳转产品信息页面

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

### <mark style="background-color:orange;">3.步骤详解</mark>

设置一个完整的倒计时共需2步：触发倒计时、取消倒计时

#### <mark style="color:red;">**Step1：触发倒计时**</mark>

1）添加倒计时资产后，将倒计时序列帧设为"播放间隔1000ms" "入场自动播放1次"

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

2）在核心玩法场景下添加事件 - 定时触发

3）设置执行延迟N秒后，触发失败结果（如10s后跳转场景3）

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

#### <mark style="color:red;">**Step2：取消倒计时**</mark>

**在正确交互的事件下 补充响应事件：取消执行延迟**，选择上一步所设置的定时器ID即可（如图，画线完成后跳转场景2，并取消定时器timer\_1）

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

*Tips：【预设库】内有多个倒计时预设可供使用哦！* [预设库](/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)

<div align="left"><figure><img src="/files/fJGWIk594OSF3I2ysI9F" alt="" width="330"><figcaption></figcaption></figure></div>

## <mark style="color:blue;">五、错误反馈跟随拖拽位置实时出现</mark>

### 1.[案例预览](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fps%252Fpreview%252F24%252F09%252F29%252F66f92bcb73c80%252Findex.html%253Floading%253D1%2526preview%253Dtrue%2526lang%253Dzh-cn%2526preview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526loading%253D1%26mw_test%3D0%26is_browser_tips%3D1%26ptloading%3D1%26track_data%3D%257B%2522pid%2522%253A3116454%252C%2522uid%2522%253A8709%252C%2522sct%2522%253A%2522pt_project_ps%2522%252C%2522env%2522%253A%2522p%2522%252C%2522cc%2522%253A%2522CN%2522%257D\&orientation=3\&name=\&language=en)

### 2.步骤详解

1）在 资产库 - 粒子库 中，先添加任一粒子特效。仅需要单个粒子特效

2）在【粒子贴图】处，将粒子图片替换为错误反馈，如"×"

<div align="left"><figure><img src="/files/ZHAs2qTKChqTsLFolDy0" alt="" width="492"><figcaption></figcaption></figure></div>

3）按照下图数值，调整粒子参数

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

4）多选图层(粒子、待拖拽图片等)进行编组，并隐藏粒子图层

<div align="left"><figure><img src="/files/FhyHQwHzHV9Jm8Qq7gcp" alt="" width="182"><figcaption></figcaption></figure></div>

5）在拖拽组上添加触发事件 - 未拖拽到指定位置，并设置拖拽区域

6）添加响应事件：显示并播放粒子特效；从头播放1次错误音效

<div align="left"><figure><img src="/files/eHrUr5jbBVvR1aSjh536" alt="" width="243"><figcaption></figcaption></figure></div>


# 制作技巧-适配相关

\#自由编辑器

## <mark style="color:blue;">一、适配方向</mark>

在新建空白制作项目时，需要选择适配方向（模板默认为\[横屏&竖屏]）

* 若选择单方向【横屏】或【竖屏】，只需制作当前屏幕方向的排版和适配即可，另一屏幕模式下多余的区域默认填充黑色
* 若选择【横屏&竖屏】，则在制作时需要分别对竖屏和横屏进行排版和适配调整

👉不同适配方向对应的效果可查看: [作品制作-新建指南](/ke-wan-gong-ju-zi-you-bian-ji-qi/zuo-pin-zhi-zuo-xin-jian-zhi-nan#step3-xuan-ze-shi-pei-fang-xiang)

<div align="left"><figure><img src="/files/XKb2cDu72sBeZuYST765" alt="" width="351"><figcaption></figcaption></figure></div>

💡 <mark style="color:red;">**Tips：若选择【横屏&竖屏】，排版技巧分享：**</mark>

* 完成竖屏制作后，切换到横屏模式
* 选中**所有最高层级的图层**
* 点击使用【**复用竖屏位置尺寸配置**】功能一键排版
* 若有部分元素超出画布外，可**选中其所在的组**，**调整【位置】和【缩放比例】**&#x5373;可
* 按照以上步骤，依次完成所有场景（包括全局场景）的横屏排版和适配

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

## <mark style="color:blue;">二、适配技巧</mark>

**推荐阅读 - 基础功能介绍:** [屏幕适配方式](/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/ping-mu-shi-pei-fang-shi)

💡屏幕排版与适配的底层逻辑说明：<mark style="color:red;">画布的分辨率为 750\*1334，在制作时应保证所有元素最终都能完整呈现在画布内；针对不同设备不同屏幕大小，画布中的内容会自动 等比放大/缩小去适配各设备</mark>。

背景图片需额外注意一下：

### 1.背景图片的设置

无论您是否要在"场景"中添加背景图片，我们都建议您**先在【全局设置】添加背景图片兜底**。因为：

* 在【全局设置】添加的背景图片会自动适配所有机型，无论在多大尺寸屏幕下预览，背景图片都会被拉伸至铺满全屏，不会出现白边
* 如果仅在"场景"下添加图片，当图片尺寸不够大时，在部分机型预览下就会有白边露出
* 在【全局设置】添加的背景图片层级默认位于所有图层最底部，且不可移动，因此不会影响其他图层的排版

所以通常，我们添加背景图片 分两种情况：

🌟A. 背景图片样式简单/与核心玩法相关性小/可以接受适度拉伸变形。此种情况建议：

直接在【全局设置】添加背景图片，无需在"场景"中二次添加

<div><figure><img src="/files/wf0ndZXjT8zUbZdgbW11" alt="" width="188"><figcaption><p>原背景图片</p></figcaption></figure> <figure><img src="/files/fOARZJls0S2gfnUzIWQE" alt="" width="563"><figcaption><p>背景图片加在【全局设置】</p></figcaption></figure> <figure><img src="/files/fpEKJlaAXa4RtkuAyQ5I" alt=""><figcaption><p>整体布局</p></figcaption></figure></div>

🌟B. 背景图片与核心布局有关联/不可以接受拉伸变形。此种情况建议：

先在【全局设置】中添加一张干净/纯色背景图片 或 背景颜色 来兜底，然后再进入"场景"添加该背景图片

<div><figure><img src="/files/EXbZCkKXS9S77YQdr3JD" alt="" width="188"><figcaption><p>原背景图片</p></figcaption></figure> <figure><img src="/files/xSfAr0zCc9eJ0Mw0O9ev" alt="" width="375"><figcaption><p>背景图片加在【场景】</p></figcaption></figure> <figure><img src="/files/F0jL8aU6Yt4tLxf5SVbr" alt="" width="131"><figcaption><p>整体布局</p></figcaption></figure></div>

⚠️需注意：若您未在【全局设置】中添加背景图片/颜色兜底，那么需保证添加在"场景"中的背景图片的尺寸至少应为1800\*1800(拉出画布外)，这样才能保证背景图覆盖所有设备；否则在大尺寸屏幕中，四周会有白边露出，可能会影响玩家的试玩体验。

<figure><img src="/files/7Zi6cDi486RfVzGVLqqu" alt=""><figcaption><p>背景图片相对于画布的位置示意</p></figcaption></figure>

👉相关阅读： [/pages/9HWDkONQxdnOrBwBPouM#id-1.-qie-huan-yu-lan-she-bei-yu-lan](https://doc.playturbo.cn/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/pages/9HWDkONQxdnOrBwBPouM#id-1.-qie-huan-yu-lan-she-bei-yu-lan "mention")

### 2.屏幕适配方式建议

各类资产在被添加到画布中时，其屏幕适配方式都默认“水平居中&垂直居中”，即无论在哪种机型下预览素材，该资产都会位于屏幕中心位置

**大部分资产无需调整屏幕适配方式，可自动适配各类机型。**&#x4F1A;有少部分资产，在制作时建议调整屏幕适配方式，以保证在不同机型预览下的最佳视觉效果

<figure><img src="/files/1gzOdLqcn9PF0E69lv2q" alt=""><figcaption></figcaption></figure>

常见需要调整屏幕适配方式的图层有：常驻产品信息、免责声明

#### 1）常驻信息（包含产品信息&下载按钮）

<table><thead><tr><th width="283">建议适配方向</th><th>图示</th><th>屏幕适配方式</th></tr></thead><tbody><tr><td>竖屏：顶部</td><td><img src="/files/tDGHuWZVsH7g7IQsOJcJ" alt="" data-size="original"></td><td><img src="/files/YmDY3NKX3YQxKkNkiOH0" alt="" data-size="original"></td></tr><tr><td>竖屏：底部</td><td><img src="/files/OeTIJHUVfw6ifc9KzWUG" alt="" data-size="original"></td><td><img src="/files/LLvW4T99QLpevzigkWzR" alt="" data-size="original"></td></tr><tr><td>横屏：左上角</td><td><img src="/files/C3ziaDcGi7JhaneLVvaJ" alt="" data-size="original"></td><td><img src="/files/tJiaAN1gSQRleWKBhpRw" alt="" data-size="original"></td></tr></tbody></table>

#### 2）免责声明

免责声明建议居中贴底适配

<table><thead><tr><th width="190">建议适配方向</th><th>图示</th><th>屏幕适配方式</th></tr></thead><tbody><tr><td>横屏/竖屏：底部</td><td><img src="/files/fmEfUR2aXRp7sGwvYtZm" alt="" data-size="original"></td><td><img src="/files/fWOcZjzBon6SW6eKLFeV" alt="" data-size="original"></td></tr></tbody></table>

💡**注：**&#x9ED8;认"\[屏幕适配方式]参数横竖屏拆分"。若图层在横竖屏下的位置不一致，则需分开设置屏幕适配方式；若一致，可取消勾选拆分

### 3.横竖屏排版不同 如何拆分设置

制作素材时，若对横竖屏有不同的排版需求，可结合使用 **【\[显示隐藏参数]横竖屏拆分】**&**【屏幕适配方式】** 功能进行拆分设置。

<mark style="color:red;">⚠️</mark>温馨提示：横竖屏排版拆分设置建议仅用于 **非核心玩法** 相关内容，如产品信息/背景图等。若将核心玩法拆分横竖屏单独设置，不仅制作量会翻倍，在实际试玩时 横竖屏下的试玩进度将不统一，影响试玩体验。

以产品信息为例，展开说明如何拆分设置：

#### 1）竖屏：展示产品信息组，并设置贴底适配

* 对需要分开设置的图层勾选 【\[显示隐藏参数]横竖屏拆分】
* 隐藏掉 仅横屏使用的资产图层
* 选中产品信息组，将其"屏幕适配方式"调整为贴底适配

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

#### 2）横屏：展示其他布局元素，隐藏产品信息组

* 隐藏掉 仅竖屏使用的资产图层，如产品信息组
* 搭建横屏排版所需的资产，并设为"显示"（在此仅用背景图片作为示例，实际可根据自身需求添加所需布局元素）

<figure><img src="/files/5K7pF4Dt9gyuhGVXNNPv" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">三、特别说明:视频适配</mark>

因视频的尺寸是固定的，无法像图片一样通过拉伸去适配所有机型。因此在您使用视频制作时，可能会出现"视频在画面中占比过小影响试玩""视觉效果不美观"等问题，所以我们需要通过其他的方法来优化整体的排版与适配，以保证不同机型/横竖屏下的最佳视觉效果。

接下来，将为您详细介绍"竖版"/"方版"/"横版"这些不同尺寸视频的适配技巧，建议搭配[DEMO](https://tinyurl.com/45ddw6rv)食用效果更佳哦！

### <mark style="color:red;">1.竖版视频</mark>

#### 1）效果预览

| 竖屏iPhone                                                            | 竖屏Android                                                           | 竖屏iPad                                                              | 横屏iPhone                                                            | 横屏Android                                                           | 横屏iPad                                                              |
| ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
| <img src="/files/Qnl5O4woglqFSVG4G3G6" alt="" data-size="original"> | <img src="/files/p2W0eLpHYUeyGBgY7uX0" alt="" data-size="original"> | <img src="/files/1aPsqrFDgUxqoHCiX60S" alt="" data-size="original"> | <img src="/files/hpfh5zJ610FgGXDfn908" alt="" data-size="original"> | <img src="/files/OcKOmXPgK61uqE1GA0AX" alt="" data-size="original"> | <img src="/files/Np5zaF4IgkHRXooqvESv" alt="" data-size="original"> |

#### 2）制作技巧 (参照DEMO场景1)

<mark style="background-color:yellow;">2-1）竖屏</mark>

* 导入竖版视频后，先将视频调整到合适的位置大小
* 建议宽度至少为750，铺满画布；高度调整到合适

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

* 在视频高度小于1800不足以覆盖到所有机型时，我们可在视频的上下两端添加图片进行填充，这样在大尺寸机型下预览时，可以利用这些填充图片来弥补画面的留白
* 建议尽量使用与视频画面一致的图片，来保证衔接处的自然

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

* 添加常驻内容，如产品信息、下载按钮等，并调整位置，进行编组
* 将产品信息组放在画面内留白较多的位置进行填补，如放在画面最下方，然后调整其屏幕适配方式
* 可视情况再添加指引文本

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

<mark style="background-color:yellow;">2-2）横屏</mark>

完成竖屏的调整，我们还需切换至横屏模式进行微调（建议多使用"复制竖屏位置尺寸配置"功能）

* 在横屏状态下，可以看到视频的位置比较靠下，可以不需要下方的填充图片，所以我们选择将其"隐藏"
* 选中该填充图片，勾选右侧的"\[显示隐藏参数]横竖屏拆分"，然后隐藏即可

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

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

* 位于上方的填充图片，我们可以重新调整其位置大小，让图片的宽度和视频的宽度一致，然后将图片拖出画布外，贴紧画布上方
* 可以多多使用[参考线](/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/zuo-pin-yu-lan-qu/can-kao-xian)，便于图层快速对齐

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

### <mark style="color:red;">2.方形视频</mark>

#### 1）效果预览

| 竖屏iPhone                                                            | 竖屏Android                                                           | 竖屏iPad                                                              | 横屏iPhone                                                            | 横屏Android                                                           | 横屏iPad                                                              |
| ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
| <img src="/files/nGzpPAuDz0gER5vaCuXH" alt="" data-size="original"> | <img src="/files/461zLZ2MXiNKpstmRj3V" alt="" data-size="original"> | <img src="/files/zvrE0dCaZBwjdOLcussT" alt="" data-size="original"> | <img src="/files/FKbpXWMhttehW41HjV5a" alt="" data-size="original"> | <img src="/files/71y9k1Ov2LfuMzWhQe4c" alt="" data-size="original"> | <img src="/files/9siMIKRXiaxK59kmWHEN" alt="" data-size="original"> |

#### 2）制作技巧 (参照DEMO场景2)

<mark style="background-color:yellow;">2-1）竖屏</mark>

* 同样，导入方形视频后，先将视频调整到合适的位置大小
* 建议宽度至少为750，铺满画布

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

* 可以看出，此时的画布留白较多，看起来很空，所以需要我们添加一些内容来丰富画面
* 同样地，可以添加产品信息，并将其设置为贴底适配；然后在产品信息之上添加指引文本
* 还可以将视频内的部分元素分离出来，改在自由编辑器内单独制作。如本案例中的金额面板，可以单独添加在画面上方

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

* 设置好"画布内"的内容，我们再导入图片对"画布外"也就是视频的左右两侧进行填充
* 调整图片的位置大小，让图片宽度和视频的宽度一致，然后将图片拖出画布外，贴紧画布的左右

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

<mark style="background-color:yellow;">2-2）横屏</mark>

同样，完成竖屏的调整，我们还需切换至横屏模式进行微调（建议多使用"复制竖屏位置尺寸配置"功能）

* 由于金额面板比较长，不适用于横屏排版，所以我们在横屏下单独添加一张方形的面板图片
* 然后选中方形面板图片，勾选右侧的"\[显示隐藏参数]横竖屏拆分"，将竖屏下的状态设为"隐藏"；同样的方法，将矩形面板图片在横屏状态下设为"隐藏"
* 视排版情况，也可将下载按钮在横屏状态下设为"隐藏"

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

* 然后仅需将左右两侧的填充图片分别移动到画布的上下方，贴紧画布即可
* 可以多多使用[参考线](/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/zuo-pin-yu-lan-qu/can-kao-xian)，便于图层快速对齐

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

### <mark style="color:red;">3.横版视频</mark>

#### 1）效果预览

| 竖屏iPhone                                                            | 竖屏Android                                                           | 竖屏iPad                                                              | 横屏iPhone                                                            | 横屏Android                                                           | 横屏iPad                                                              |
| ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
| <img src="/files/9p7DeRGPV2TVO8zZGbU9" alt="" data-size="original"> | <img src="/files/rz92g4aY9CkUfjCMzX5V" alt="" data-size="original"> | <img src="/files/vdPSG2hWOs9ykUEeV3sI" alt="" data-size="original"> | <img src="/files/3yajDddoHlxs4uHdmpXR" alt="" data-size="original"> | <img src="/files/um8unzVVMmExSWygtHlc" alt="" data-size="original"> | <img src="/files/31u5uryQtOPbTLNsZpbI" alt="" data-size="original"> |

#### 2）制作技巧 (参照DEMO场景3)

横版视频的适配方法和方形视频大体上是相同的

<mark style="background-color:yellow;">2-1）竖屏</mark>

* 导入横版视频后，先将视频调整到合适的位置大小
* 在本案例中，我们需要让核心视觉元素(老虎机)居中，所以视频的位置会比较靠左

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

* 和方形视频的排版与适配相同，我们依次添加产品信息、指引文本、金额面板以及左右两侧的填充图片
* 将各资产调整到合适的位置大小，并合理排序、编组
* 若画布中的部分内容也需要遮挡，可将图片移入画布内

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

<mark style="background-color:yellow;">2-2）横屏</mark>

同样，完成竖屏的调整，我们还需切换至横屏模式进行微调

* 由于视频本身是横版的，在横屏状态下，主要将视频调整到合适的位置大小就可以，尽量铺满画布
* 其他在竖屏状态下添加的内容可以视情况进行隐藏

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

总之，在使用视频制作时，我们应尽量让画面的排版看起来协调、美观。当留白过多时，记得适当添加一些元素来丰富画面；当视频尺寸覆盖不到画布以外的区域时，也记得使用图片进行填充，以保证更佳的视觉效果！

### <mark style="color:orange;">4.视频适配-特殊需求</mark>

**用视频资源制作素材，有些图片的层级想在视频之上，有些在视频之下，怎么处理？**

一般资产的层级默认都在视频之上，且不可调整，仅【全局设置】中的背景图片和背景颜色的层级能够置于视频之下。因此：

* **想要视频层级在下：**&#x5728;普通场景或全局场景中，直接上传其他资产即可
* **想要视频层级在上：**&#x2460;在【全局设置】上传背景图片或背景颜色； ②若图片不是作为背景，可先在本地将该图片进行裁剪镂空处理，预留出视频的位置，再导入自由编辑器，将视频放置于镂空处


# 制作技巧-玩法建议

\#自由编辑器

## <mark style="color:blue;">1.空白制作FPS狙击效果</mark>

通过空白制作，做出类似模板【[开镜狙击](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20000561%252F11141%252Fpv%252F24%252F02%252F29%252F65e01a9717f11%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E5%BC%80%E9%95%9C%E7%8B%99%E5%87%BB+\&language=undefined)】的瞄准射击效果。[效果参考](https://tinyurl.com/5supys8b)

1）准备一张瞄准镜图片（遮罩部分的尺寸需足够大，以免试玩时拖拽漏出图片边缘部分）

2）搭建其他资产，并设置所需动画

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

3）为瞄准镜图片添加触发事件 - **拖拽**，添加响应事件：从头播放1次抬枪音效

4）添加触发事件 - **抬起**，添加响应事件：

* 播放瞄准镜的淡出动画；
* 播放子弹的淡入动画；
* 播放子弹的射击动画(旋转&缩放)；
* 从头播放1次射击音效；
* 执行延迟1s后，播放子弹的淡出动画、播放角色的淡出动画、从头播放1次角色死亡音效

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

## <mark style="color:blue;">2.体育博彩玩法-制作建议</mark>

**1）模板推荐&迭代思路**

* 《[多结局交互视频](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20000974%252F12263%252Fpv%252F24%252F02%252F20%252F65d41d92ec8cf%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E5%A4%9A%E7%BB%93%E5%B1%80%E4%BA%A4%E4%BA%92%E8%A7%86%E9%A2%91+\&language=undefined)》 ：直接替换体育赛事猜结果的视频片段
* 《[中奖刮刮乐](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20000818%252F11876%252Fpv%252F24%252F02%252F20%252F65d41cdee2c0d%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E4%B8%AD%E5%A5%96%E5%88%AE%E5%88%AE%E4%B9%90\&language=undefined)》 ：吸引玩家进行体育博彩刮刮乐，刮后跳转
* 《[套圈](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001426%252F13172%252Fpv%252F24%252F07%252F01%252F668282288c591%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E5%A5%97%E5%9C%88\&language=undefined)》：套住你预测会胜利的球队/结果等
* 《[点击物品后隐藏](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20000775%252F11721%252Fpv%252F24%252F02%252F20%252F65d41ca86939d%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E7%82%B9%E5%87%BB%E7%89%A9%E5%93%81%E5%90%8E%E9%9A%90%E8%97%8F\&language=undefined)》 ：点击出现博彩入场券或者奖励
* 《[抓住优惠券](https://playable-portal.mintegral.com/common-viewer/mindwork-view.html?url=https%3A%2F%2Fmmp-cdn.rayjump.com%2Fmindworks-interactive-ads.html%3Furl%3Dhttps%253A%252F%252Fmmp-cdn.rayjump.com%252Fgm%252Ft%252F20001596%252F13604%252Fpv%252F24%252F10%252F12%252F670a2e7d3f0fa%252Fproject.html%253Fpreview%253Dtrue%2526itavideo%253D2%2526vconsole%253D0%2526mw_test%253D0%2526ptloading%253D1%2526loading%253D1%26mw_test%3D0\&orientation=undefined\&name=%E6%8A%93%E4%BD%8F%E4%BC%98%E6%83%A0%E5%88%B8\&language=undefined)》 ：抓住你喜欢的球队，抓住你猜测的结果/比率等&#x20;

**2）空白制作建议**

* 制作1步跳转的EC素材，突出展示使用前后的收益对比，包装上添加赌博元素；
* 制作选择玩法的交互视频素材，让玩家猜比赛结果>>>教程推荐: [交互视频《多结局交互》教程](/playturbo-an-li-jiao-xue-ji-di/ke-wan-zi-you-bian-ji-qi-an-li/tong-yong-zhi-zuo-an-li/ru-men-jiao-xue-kong-bai-zhi-zuo-jiao-cheng/jiao-hu-shi-pin-duo-jie-ju-jiao-hu-jiao-cheng)

## <mark style="color:blue;">3.倒水排序玩法-制作建议</mark>

由于倒水排序玩法对交互逻辑要求较高，且当前自由编辑器对倒水动画效果的实现仍有一定限制，因此暂时无法直接制作高自由度的倒水排序试玩。

建议优先使用 **【倒水排序 v1】 模板**进行制作，以获得更完善的交互效果。

如果您希望从空白开始制作，可参考以下两种方案：

* **制作交互视频**：使用【自由编辑器】或【视频转可玩】工具，通过视频模拟倒水排序的交互效果。
* **制作简化版 2D 试玩**：使用序列帧模拟倒水动画（序列帧素材需提前在本地制作），实现固定步骤或半自由流程的试玩效果。


# 项目自查指南

当您的可玩项目（尤其是自由编辑 & 视频转可玩）编辑完成，在导出之前，建议先参考本篇指南对项目进行全面检查，确保可玩素材的完整性和优化效果！

## <mark style="color:blue;">自查要点</mark>

### 1.跳转应用商店&上报试玩结束

* [x] 确认项目已添加了【跳转应用商店】这一响应事件，以确保用户试玩时能顺利到达下载页面
* [x] 结束页面的跳转商店事件 不要勾选【只生效一次】
* [x] 确认项目已将"结束页面"勾选为了【结束场景】 或 手动设置了【上报试玩结束】这一响应事件，以确保素材内容流程完整，符合投放规范（尤其是 Mintegral 和 Vungle 渠道，必须设置上报试玩结束）

*<mark style="background-color:yellow;">注意：可玩模板通常已设置好【跳转应用商店】和【上报试玩结束】，无需您再调整。但若您对模板的相关事件有改动，建议进行额外检查。</mark>*

*<mark style="background-color:yellow;">此外，若素材投放 Applovin 渠道，则不能设置"自动跳转应用商店"的逻辑，因该渠道规范不允许自动跳转。</mark>*

👉相关阅读： [作品制作-重要提示⚠️](/ke-wan-gong-ju-zi-you-bian-ji-qi/zuo-pin-zhi-zuo-zhong-yao-ti-shi)  [/pages/mYjeOqngJZSL9AgXEINp#id-5.-zhi-sheng-xiao-yi-ci](https://doc.playturbo.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-zhi-zuo-ji-qiao-zhong-xin/pages/mYjeOqngJZSL9AgXEINp#id-5.-zhi-sheng-xiao-yi-ci "mention")

<div align="center"><figure><img src="/files/41njFPCTkk8vguWesIxo" alt=""><figcaption></figcaption></figure> <figure><img src="/files/xhYFRa4d5w0mUGBZSSnS" alt=""><figcaption></figcaption></figure></div>

### 2.免责声明

若您的产品为 网赚、博彩、金融、电商 等类型（或可玩素材中包含相关元素），需添加相应的免责声明文本，以保证可玩素材顺利投放

* [x] 确认已添加免责声明文本
* [x] 确认免责声明在**横竖屏**下都**清晰、完整地全程展示**

*<mark style="background-color:yellow;">注意：可玩模板通常已设置好【免责声明】，无需您再添加。但若您调整了以上相关元素(如在一个"非网赚"玩法的模板中添加了"钱币等网赚元素")，建议进行额外检查。</mark>*

### 3.多语言翻译

若您的可玩素材有多语言投放需求，可在【全局设置】进行设置

* [x] 确认【默认语言】的语种是否正确
* [x] 确认是否需要新增其他语言（新增后, 记得预览检查该语言版本）
* [x] 不需要的语言可点击删除

*<mark style="background-color:yellow;">注意：可玩模板默认添加了中英双语，且【默认语言】为英语。可根据实际需要，进行调整。</mark>*

👉相关阅读： [多语言配置与智能翻译](/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)

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

### 4.横竖屏排版与适配

若您在创建项目时，选择了【横屏&竖屏】的适配方向，请记得切换横竖屏分别检查排版与适配！

* [x] 预览，确认**竖屏**模式下**各机型**内容无误（整个试玩流程中各元素的位置大小都正确；四周无白边露出）
* [x] 预览，确认**横屏**模式下**各机型**内容无误（整个试玩流程中各元素的位置大小都正确；四周无白边露出）

👉相关阅读： [制作技巧-适配相关](/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)

<div align="center"><figure><img src="/files/VJ4UvebUZb6HYvwbvav7" alt="" width="357"><figcaption></figcaption></figure> <figure><img src="/files/gYqEi5pehpzd2z14S9MU" alt=""><figcaption></figcaption></figure></div>

### 5.操作指引

在可玩素材中，清晰的操作指引能帮助用户快速理解玩法，降低上手难度，减少流失，提高素材的完成率和整体效果。无指引或模糊的指引可能导致用户困惑，甚至放弃互动。

* [x] 确认已添加指引手指和指引文本
* [x] 确认指引足够清晰，能让用户快速理解玩法

👉相关阅读： [预设库](/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)  [/pages/mOV3pd4S1zbRTqMj9bx9#id-1.-chang-yong-cao-zuo-zhi-yin-shou-zhi-dong-hua](https://doc.playturbo.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-zhi-zuo-ji-qiao-zhong-xin/pages/mOV3pd4S1zbRTqMj9bx9#id-1.-chang-yong-cao-zuo-zhi-yin-shou-zhi-dong-hua "mention")

### 6.背景图片&背景音乐

* [x] 确认是否已在【全局设置】的右侧 添加背景图片和背景音乐进行兜底

👉相关阅读： [/pages/CYcfFqHNF4f0OXUybMas#id-1.-bei-jing-tu-pian-de-she-zhi](https://doc.playturbo.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-zhi-zuo-ji-qiao-zhong-xin/pages/CYcfFqHNF4f0OXUybMas#id-1.-bei-jing-tu-pian-de-she-zhi "mention")

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

### 7.其他补充

一条完整、优秀的可玩素材通常还具备以下要点，供您参考：

* [x] 选取的关卡创意应能体现出产品的**核心玩法**，且尽快展示，避免用户等待时间过久造成流失（尤其是使用视频资源制作时，不建议使用时长较长的视频）
* [x] **交互区域**(某图层或手势区域)不应过小，避免用户操作困难
* [x] 恰当的**视听反馈**：在交互关键节点适当添加粒子/音效等反馈，增强用户操作的沉浸感和参与感
* [x] 保证**流畅的交互体验**：操作简单、响应迅速，无卡顿或延迟
* [x] 强烈的**行动号召**（CTA）：在关键节点和**结尾**设置明确的引导，如“Download”按钮
* [x] 高效加载时间：优化资源大小，减少加载时长，降低用户流失率

👉当您的项目确认无误，可操作推送或下载： [自由编辑器 - 下载&推送](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan/zi-you-bian-ji-qi-xia-zai-tui-song)  [视频转可玩 - 下载&推送](/ke-wan-gong-ju-shi-pin-zhuan-ke-wan/shi-pin-zhuan-ke-wan-shi-yong-zhi-nan/shi-pin-zhuan-ke-wan-xia-zai-tui-song)


# 可玩工具-视频转可玩

将普通视频转化为交互视频，快速实现互动效果。

## 直观操作快速上手

功能模块清晰易上手，无需复杂的操作技巧，高效产出互动视频素材

## 灵活设计互动流程

支持设计复杂的互动视频逻辑，满足各种创意和功能需求

## 精细化编辑与设置

支持精细调整各类资源的细节表现，打造丰富的互动效果

## 商用资源库 <a href="#shang-yong-zi-yuan-ku" id="shang-yong-zi-yuan-ku"></a>

图片/动图/音频/粒子等，精美资源免费使用

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


# 作品制作-流程概要

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




---

[Next Page](/llms-full.txt/1)