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

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

温馨提示:本篇教程以模板【方块消除】为案例,讲解模板迭代的具体操作和可能性,建议搭配DEMO和模板自由制作需知文档食用效果更佳哦!

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

一、对比展示

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

迭代前
迭代后

二、迭代内容概括

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

1.调整玩法参数

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

2.替换&隐藏 资产

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

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

3.新增 场景&资产

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

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

4.调整横屏排版

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

5.设置动效

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

6.设置事件

调整原模板事件;

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

7.调整多语言

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

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

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

三、迭代内容详解

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

1.调整玩法参数

  • 将"可消除次数"调整为3次

  • 将关卡调整为B关卡:随机方块,死局时洗牌

2.替换&隐藏资产

1)进入【常驻元素】:

  • 替换产品信息、背景图、背景音乐等

  • 隐藏不需要的网赚元素:组_免责声明

2)进入场景【scene_play】:

  • 按照顺序依次替换资产:指引手、方块-道具1-8、收取道具背景、进度条内容、进度条背景、方块消除粒子

  • 隐藏不需要的资产:方块-道具底板、收取道具背景、进度条终点文本、进度条起点&终点icon

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

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

3.新增场景&资产

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

2)新增资产:在场景【scene_play】内新增胜利音效、转场音效

3)新增场景1:

  • 在场景区点击"+"号新建场景1

  • 将场景1拖拽至最上方

  • 将所需资产添加进场景1内,并调整位置大小、编组

4)新增结束场景:

  • 继续新建场景3,并将该场景放置于【scene_play】和【scene_end】之间

  • 将场景3勾选为【结束场景】

  • 原模板的【scene_end】不可删除,否则可能引发模板报错,放置于最后不作调整即可

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

4.调整横屏排版

  • 切换至横屏模式,依次调整两个场景的排版

  • 选中多个最高层级的图层,点击【复用竖屏位置尺寸配置】,一键复用竖屏排版

  • 再分别选中各图层,微调位置即可

👉相关阅读:制作技巧-适配相关

5.设置动效

1)场景1:指引动画

  • 因场景1的指引动画是常用的四选一,可从预设库中直接复用

  • 选择【预设库】 - 【操作指引】 - 【选择】,添加四选一预设

  • 复制动画:选中预设场景中的手指图片[gf_hand],点击"复制";

  • 选中场景1中的手指图片,点击"粘贴"-"仅粘贴图层动画"

  • 同理,再依次对以下图层的动画进行复用:[group_gf_hand]、[options_A]、[options_B]、[options_C]、[options_D]

  • 根据图片的间距,对手指的两个"位移缓动"动画的位移距离进行微调(调整后,需切换至横屏查看位移距离是否也要调整)

  • 完成以上操作后,删除预设场景

2)结束场景:指引动画&转场动画

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

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

6.设置事件

1)调整原模板事件:

  • 进入场景【scene_play】,点击【事件】

  • 在【进入下一场景】事件下,添加响应事件:

    • 执行延迟0.5s后,播放1次胜利音效,播放1次转场音效

    • 再执行延迟0.5s后,跳转到下一场景

调整前
调整后

2)新增事件:

  • 进入场景1,添加事件 - 按下

  • 添加响应事件:跳转到下一场景、播放1次点击音效

  • 进入场景3(结束场景),添加事件 - 按下

  • 添加响应事件:跳转应用商店、播放1次点击音效

7.调整多语言

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

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

具体操作见 多语言配置与智能翻译

8.整体预览

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

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

四、资源提供

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

最后更新于