Skip to content

特效设计-购物频道

基础插件

小爱丽丝购物频道 效果如下图。

如果要从零开始设计,需要用到下图的插件:

注意,该文档只详细说明 整体设计思路。

对于具体 插件指令和配置项 ,需要去示例中 舞台管理层 看看。

该设计需要三个预备的知识点:场景布置、动画转场设计(可见“16.图片 > 特效设计-动画转场.docx”)动态遮罩板用法(可见“1.系统 > 大家族-动态遮罩.docx”)图片的变换方法以及插件指令(可见图片管理层的“组合动作效果”事件)

基础配置

具体注意示例下面的地方:

1)地图事件

舞台管理层中,小爱丽丝购物频道,是主要示例。

另外,留意 番剧转场效果,以及图片管理层的 组合动作效果,这两个事件。

购物频道是基于这两个事件的应用知识迭代出来的。

2)公共事件

小爱丽丝的表情、动作变换等动作都写在这里。

由于重复率比较高,所以这里专门写成了公共事件,每次小爱丽丝发言时,都执行一次。

3)插件配置

插件中包括 场景布置,以及 图片id对应设置。

目前地图用到了:

◆Drill_LayerGround 地图 - 多层地图背景

◆Drill_LayerParticle 地图 - 多层地图粒子

而除了地图,其它插件也可以用来制作 动画转场 效果。

你需要自己选择需要的插件来设计。

(可以去看看:“16.图片 > 特效设计-动画转场.docx”)

购物频道-设计

设计建议

1)设计者视角

此特效设计只是作者我单纯看番剧后,趁着情绪热烈而设计的动画。

要说对剧情有啥推动意义,并没有……

要说对游戏性有啥帮助,也没有……

但游戏肯定需要这些各种各样的小动画,

因为这是一个视角,能让玩家感受到、体验到游戏中的世界。

2)特效安排建议

如果有美术条件,尽量在能加的地方都加小动画。

3)灵感来源

作者我的灵感来自于2022年1月3日看番剧《架向星空之桥》中ktv的一个画面:

因为里面的两个粒子之间碰撞,并不会出现白色边缘遮挡问题,

于是作者我有了 双层粒子 的设计想法。

写好功能后,自然也要模仿制作一个相应的示例。

但是单纯的画一个背景,没有意义,于是就加了点剧情,就“小爱丽丝购物频道”吧。

场景设计细节

1)准备场景

场景相关设计,可以去看看:“17.主菜单 > 多层组合装饰(界面装饰).docx

这里主要留意背后的双层粒子配置:

白色的泡泡粒子描边不会覆盖到粒子主体,

这是因为所有第二层粒子的图片层级都比原粒子的小。

2)动态变化

进入场景时,为了简单方便,

这里只用了一个全白的高级透视镜,自动缩放填满整个屏幕即可。

对应的,所有背景和粒子,都绑定了动态遮罩板B。

(由于有9个贴图对象都绑定了动态遮罩,性能可能会有较大幅度的消耗。)

3)入场人物与元素

入场的有三个人,分别为:刘月月、王乐乐、量子妹。

(王乐乐从屏幕左侧进入,刘月月和量子妹从屏幕右侧进入)

剧情中途,需要选择三个盒子。

盒子打开后立即消失,并显示光环和图标。

4)对话框与动作

购物频道中的设计从本质上看,

相当于把原对话框中 小爱丽丝的脸图 变成了展示的图片变换的表情。

每次小爱丽丝发言时,需要作出发言动作,详细可以看后面章节:发言动作

公共事件设计

公共事件主要的功能,就是减少重复度过高的指令集。

1) 发言动作

在每次人物发言前,都先较大幅度抖动一下,此效果通过呼吸效果实现。

为方便反复调用,将每个动作命名,就能方便对应到相应的动作了。

2) 换姿势动作

改公共事件是一个封装的公共事件,用于方便切换小爱丽丝的姿势。

需要 变量21 赋值:图片ID

需要 变量22 赋值:切换的资源ID

小爱丽丝先会纵向压扁,然后换资源后,再展开。(实际上,调用这个公共事件给变量赋值时,找图片资源id的过程非常麻烦,但目前作者还没找到更好的方法优化此过程)

购物频道-细节问题

事件漂浮文字挡不住

在配置多层地图背景时,你会发现有时候地图背景并不能遮挡 事件漂浮文字。

这是因为漂浮文字插件,

◆Drill_EventText 行走图 - 事件漂浮文字

专门处于一个固定的位置:上层,图片层级默认100 。

你可以在插件中,进行相关的图片层级修改(建议最好不修改)。

也可以直接配置图片层级比 事件漂浮文字 大即可(建议按这个方法修改)。

同样的,如果背景设为了 “最顶层”,那么背景会过高而挡住对话框,

你需要根据实际情况,降低背景的图层,比如把背景放在 图片层 的层级。

贡献者

暂无相关贡献者

页面历史

暂无最近变更历史