Playturbo帮助中心
EN
  • 😃欢迎使用Playturbo
    • 登录指南
    • 订阅用户-页面指南
    • 定制用户-页面指南
  • 💡可玩工具-换肤编辑器
    • 作品制作-流程概要
      • 💻模板换肤编辑-案例教学
    • 作品制作-新建指南
      • 模板换肤编辑-项目新建指南
      • 定制版本制作-版本新建指南
    • 换肤编辑器-使用指南
      • 编辑页面分区介绍
        • 参数设置区
          • 参数类型介绍及操作
          • 多语言配置与智能翻译
        • 作品预览区
        • 项目操作栏
          • 换肤编辑器 -下载&推送
      • 特殊功能:3D模板
        • 3D模板-基础功能介绍
        • 3D模型工单
    • 换肤编辑器-FAQ
      • 资产替换问题
      • 素材效果问题
  • 💡可玩工具-自由编辑器
    • 作品制作-流程概要
      • 💻空白制作-交互Endcard
      • 💻空白制作-固定步骤可玩
      • 💻模板自由编辑-案例教学
    • 作品制作-新建指南
    • 作品制作-重要提示⚠️
    • 自由编辑器-使用指南
      • 编辑页面分区介绍
        • 顶部资产库
          • 项目资产
          • 资产库
            • 公共资产库
            • 我的资产库
          • 手势区域
          • 预设库
          • 全局变量
          • 玩法模板
        • 场景区
          • 全局设置
          • 普通场景
        • 图层区
        • 快捷操作区
        • 参数设置区
          • 全局设置
            • 背景常驻内容调整
            • 多语言配置与智能翻译
          • 玩法参数-场景参数
          • 场景设置-场景参数
          • 外观-图层参数
            • 图片参数
            • 序列帧参数
            • 龙骨参数
            • 文本参数
            • 粒子参数
              • 粒子贴图
              • 播放设置
              • 粒子参数
              • 物理参数
            • 视频参数
            • 音频参数
          • 动画-图层参数
          • 事件-通用参数
            • 触发事件
            • 响应事件
          • 屏幕适配方式
        • 作品预览区
          • 预览切换
          • 包体预估
          • 快捷定位
          • 参考线
        • 项目操作栏
          • 预览
          • 保存
          • 自由编辑器 - 下载&推送
      • 特殊功能:组件库&快捷排版
        • 连线组件
        • 自由画线组件
        • 擦除组件
        • 遮罩组件
        • 轮播组件
        • 快捷排版-棋盘布局
        • 快捷排版-停车解密布局
    • 自由编辑器-FAQ
      • 资产问题
      • 动画问题
      • 事件问题
      • 适配问题
      • 组件问题
      • 导出&投放问题
    • 自由编辑器-制作技巧中心
      • 模板自由编辑需知
      • 通用制作技巧
        • 制作技巧-制作流程建议
        • 制作技巧-场景制作
        • 制作技巧-资产相关
        • 制作技巧-动画设置
        • 制作技巧-事件设置
        • 制作技巧-适配相关
        • 制作技巧-玩法建议
      • 项目自查指南
  • 💡可玩工具-视频转可玩
    • 作品制作-流程概要
      • 💻视频转可玩-案例教学
    • 作品制作-新建指南
    • 视频转可玩-使用指南
      • 资产区
      • 故事板
      • 轨道区
      • 参数区
      • 预览区
      • 视频转可玩 - 下载&推送
  • 💡视频工具-视频编辑器
    • 作品制作-流程概要
      • 💻视频编辑器-案例教学
    • 作品制作-新建指南
    • 视频编辑器-使用指南
      • 创意制作-页面分区介绍
        • 资源区
          • 资产库
          • 公共资源库
            • 认识公共资源库
            • 公共资源库相关操作介绍
        • 预览区
        • 参数调整区
          • 视频资源及其参数
          • 图片资源及其参数
          • 文本资源及其参数
          • 音频资源及其参数
          • 转场资源及其参数
          • 滤镜资源及其参数
        • 轨道区
        • 操作栏
          • 详细介绍:视频导出&下载
      • 视频模板-使用建议
      • 亮点功能
        • 批量组合功能(叉乘)
          • 制作流程概括
            • 批量组合-教学视频
          • 功能分步骤介绍
            • 什么是资产组
            • 创建资产组
            • 添加资源至资产组
            • 添加资产组至轨道
            • 调整资产组及组内资源参数
              • 调整资产组参数
              • 调整组内资源参数
            • 叉乘与时序叉乘
            • 批量导出&下载推送
        • 尺寸裂变(视频编辑器)
        • 语言裂变(视频编辑器)
        • AI功能
          • AI消除
          • 智能配音
          • 字幕识别
          • 智能分镜
  • 💡视频工具-布局模版
    • 作品制作-流程概要
      • 💻布局模板-案例教学
    • 作品制作-新建指南
    • 布局模版-使用指南
      • 素材上传(含尺寸裂变-布局模板)
      • 语言裂变(通用)
      • 亮点功能:视频AI消除
  • 💡图片工具-链接生图
    • 作品制作-流程概要
    • 作品制作-新建指南
    • 链接生图-使用指南
  • 📒Playturbo-案例教学基地
    • 可玩-自由编辑器案例
      • 通用制作案例
        • 入门教学-空白制作教程
          • IEC《动态画面循环播放》教程
          • IEC《二选一决策》教程
          • 交互视频《2步滑动》教程
          • 交互视频《3步点击》教程
          • 交互视频《多结局交互》教程
          • 交互视频《3步交互》教程
        • 入门教学-模板自由编辑
          • 《动态画面循环播放》模板自由编辑教程
          • 《2步滑动交互视频》模板自由编辑教程
        • 初级教学-空白制作教程
          • 交互视频《模拟移动》教程
          • 2D playable《三选一多场景》教程
          • 2D playable《点击物品后隐藏》教程
          • 2D playable《拖拽放置》教程
          • 2D playable《多要素展示切换》教程
      • 消除匹配玩法案例
        • 棋盘布局-模板自由编辑
        • 《方块消除》模板自由制作
        • ⭐《方块三消》空白制作教程
        • 《三消装扮》空白制作教程
        • ⭐《货架三消》空白制作教程
        • 《合成新元素》空白制作教程
      • 轮播展示玩法案例
        • 轮播组件-空白制作教程
      • 跑酷玩法案例
        • 《3步交互视频》空白制作教程
        • 《左右选择跑酷》模板自由制作
        • 《情侣翻越 1》跑酷视频(分段)
        • 《情侣翻越 2》特效粒子替换
      • 装扮玩法案例
        • 《组合搭配》空白制作教程
        • 《换装搭配》空白制作教程
      • 棋牌玩法案例
        • 《纸牌接龙》空白制作教程
        • 《Skip-Bo》空白制作教程
      • 绘制玩法案例
        • 连线组件-空白制作教程
        • 自由画线组件-空白制作教程
        • 擦除组件-空白制作教程
        • 遮罩组件-空白制作教程
      • 抽奖玩法案例
        • 《翻牌开奖》空白制作教程
      • 停车解密玩法案例
        • 停车解密布局-模板自由制作
      • 其他益智玩法案例
        • 《拉环》空白制作教程
        • 《螺丝谜题》空白制作教程
    • 可玩-互动视频编辑器案例
      • 《布娃娃坠落》互动视频制作教程
    • 视频编辑器案例
      • 💻亮点功能-教学视频
        • 💻视频制作-视频批量编辑
        • 💻视频制作-文本翻译功能
        • 💻视频制作-智能字幕配音
      • 通用制作案例
        • 《叉乘&时序叉乘》教程
        • 《智能分镜》教程
        • 《尺寸联动》教程
        • 《多比例模板-快速替换》教程
      • 电商视频案例
        • 《真人产品介绍》教程
        • 《图片+视频商品展示》教程
  • 📓其他教程
    • 创意洞察
      • 创意洞察必修基础知识
        • 埋点说明
        • 指标说明
        • 数据时区说明
      • 页面模块介绍
        • 投放数据总览
        • 可玩素材分析
        • 可玩素材交互分析
          • 用户旅程分析
          • 场景分析
      • 创意洞察使用指南:分析思路与技巧
        • 通用埋点使用建议
        • 用户旅程使用建议
    • 作品投放相关文档
      • 广告账户授权与素材推送
      • 可玩广告渠道上传规范
      • Mintegral 创意操作指南
      • Mintegral 数据分析查看
      • Mintegral 素材审核标准
    • 我的账号/我的项目
      • 我的项目
        • 项目查看
        • 导出&下载历史
      • 我的资产
        • 创意资产
        • 模板资产
        • 克隆音色资产
      • 账号管理
    • 可玩模板最新资讯
    • 可玩广告-定制服务用户指南
由 GitBook 提供支持
在本页
  • 一、对比展示
  • 二、迭代内容概括
  • 三、迭代内容详解
  • 1.资产替换与新增
  • 2.动画设置
  • 3.事件设置
  • 4.多语言翻译
  • 5.横屏适配
  • 6.整体预览
  1. Playturbo-案例教学基地
  2. 可玩-自由编辑器案例
  3. 跑酷玩法案例

《左右选择跑酷》模板自由制作

#换肤编辑器 #自由编辑器 #模板自由制作 #初级难度

最后更新于1年前

一、对比展示

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

二、迭代内容概括

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

1.资产替换与新增

1)替换资产——序列帧/静帧图片/文本

2)隐藏资产——原模板为网赚类型,迭代后我们隐藏了网赚相关元素

3)新增资产——场景1新增光芒图片;场景2新增一个跳转按钮

2.动画设置

新增动画——为第二个序列帧球和光芒图片增加退场动画;为场景2的跳转按钮增加缩放动画

3.事件设置

新增事件——在场景1原有事件下新增第二个序列帧球消失的响应事件;为场景2的跳转按钮增加跳转事件

4.多语言翻译

将修改及新增后的文本翻译为多语言版本,并微调格式

5.横屏适配

对新增资产的横屏排版适配进行调整

三、迭代内容详解

接下来,我们将配图详细介绍每一个步骤

1.资产替换与新增

1)替换资产

在本案例中,我们选择先使用【换肤编辑器】完成所有资产的替换,再【复制到自由制作】完成后续迭代。首先,选中模板,选择【换肤制作】 - 【普通制作】

1-1)图片资产

  • 鼠标悬浮在【+】号图标处,可查看当前图片资产坑位的尺寸要求,按照规定尺寸上传资产可以更好地适配模板哦!

  • 以背景图为例,点击【替换】

  • 选择【我的资产库】-【本地上传】,导入我们提前准备好的背景图片

  • 点击图片右下角的【+】号,在弹出的图片裁剪窗口确认无误后,点击【确定】即可成功替换

  • 对于不需要的图片(如福利卡坑位),可以选择隐藏或替换为透明图片

1-2)文本资产

  • 对于不需要的文本(如免责声明),可以选择隐藏或直接清除文本内容

  • 对于需要调整的文本,可直接在文本框修改文本内容

  • 点击文本旁的笔刷图标,可微调该文本的样式

本案例需要替换的资产类型主要是图片及文本,按照以上操作方法,依次替换所有资产即可。

完成替换后,我们点击右上方的【···】,选择【复制到自由制作】,点击确认后即可进入自由编辑器进行后续内容的制作

需要注意:【左右选择跑酷】模板是基于21点玩法制作的,在【换肤编辑器】中的卡牌坑位有重叠,导致“X8”和“X32”无法同时替换,需要进入自由编辑器对其中一个图片坑位另做替换

  • 点击【玩法模板】 - 【玩法编辑】

  • 选中【Level_2】组下的图层【6】,点击【替换】,完成“X32”图片的替换

  • 然后【返回项目编辑】即可

2)新增资产

2-1)场景1新增资产:光芒过渡图片

  • 选中原有图层[player_card_light],删除其"透明度缓动"动画

  • 复制该图层到图层[xlz_Player_card_5]之下,然后隐藏原图层

2-2)场景2新增资产:跳转按钮

  • 点击打开【项目资产】窗口,上传跳转按钮图片

  • 添加到场景2中,并调整位置及大小

  • 新增文本“DOWNLOAD”,并在右侧调整其内容和样式

  • 将新增按钮编组,并拖拽放置于[pop-ups]组内

2.动画设置

1)为第二个序列帧球和光芒图片增加退场动画

  • 选中场景1中的图层[xlz_Player_card_5],添加动画-退场动画-淡出。参数设置如下:

  • 选中刚刚复制出来的图层[player_card_light_end],添加动画-退场动画-淡入淡出。参数设置如下:

2)为场景2新增的跳转按钮增加动画

  • 选中原有按钮组[btn_last],点击上方复制按钮

  • 再选中新增按钮组[btn_download],点击上方粘贴按钮,选择【仅粘贴图层动画】,即可快速完成动画的设置

  • 因我们想实现两组按钮交替缩放的动画效果,可通过调整其中一个按钮组的“脉冲向前”动画来实现

  • 如将新增按钮组[btn_download]的起始比例由“1”调整为“1.1”,结束比例由“1.1”调整为“1”即可

3.事件设置

1)场景1新增响应事件

  • 点击场景1的【事件】

  • 在【第2次奖励反馈】下添加响应事件-从头播放全部动画,依次选择图层[xlz_Player_card_5]和[player_card_light_end]即可

2)场景2新增跳转事件

  • 同动画,可通过[复制-粘贴]功能快速完成

  • 上一步骤,我们已经复制了按钮组[btn_last],所以直接选中[btn_download],点击粘贴按钮,选择【仅粘贴图层事件】,即可快速完成事件的设置

4.多语言翻译

完成以上内容的调整后,我们可对有修改及新增的文本进行多语言翻译

  • 点击【全局设置】,在【默认语言】处点击笔刷图标,调起文本翻译窗口

  • 选择目标语言英语,在此只勾选有修改和新增的文本即可,然后点击【翻译】按钮进行智能翻译

  • 若对翻译结果不满意,可直接在文本框内进行微调,调整完毕后点击【提交】,多语言翻译即生效

  • 选中文本图层,在右侧参数设置区可微调文本样式

  • 若想新增语言,点击【添加语言】即可

  • 翻译步骤同上

5.横屏适配

对新增资产的横屏排版适配进行调整

  • 选中新增按钮组[btn_download],点击右侧【复用竖屏位置尺寸配置】,一键调整

  • 然后分别调整两个按钮组到适当位置即可

6.整体预览

全部调整完成后,我们对不同机型/不同语言/横竖屏进行整体预览试玩

注:【替换资产】这一步骤有两种方式可以选择,具体可查看

📒
迭代前
迭代后
1.资产替换技巧