混合模式的简单运用

本篇教程将使用混合模式实现一些游戏功能,混合模式的定义请查看混合模式
点我下载游戏工程

实现avg立绘黑色阴影效果

在一些avg游戏中,没有处于说话状态的立绘身上会有一层阴影的效果,或者未出场的人物,立绘全部黑色

建立图层组

首先我们需要建立两个图层组,将背景和立绘分开。(因为我们只需要对立绘进行阴影处理,如果放在同一个图层会使背景也受到影响)

要使用混合模式的图层需要勾选【强制渲染到纹理】

创建背景、立绘


将背景放入背景层


放入立绘

加入立绘遮罩

创建精灵对象:立绘遮罩,该精灵图为纯黑色图片


放入【立绘层】,并将其放在需要设置阴影的立绘上方

将遮罩的混合模式设置为:【在后来图片上显示原图像】

预览游戏,可以看到中间立绘颜色已经变成纯黑色。

在后来图像上显示原图像原理

如果一个精灵选择了【在后来图像上显示原图像】,那么只有与其他精灵重叠时,才会在重叠区域显示该精灵图像。 其他精灵必须位于同一图层,并且在该精灵的下方。
以本教程为例,简单来说,就是只有存在立绘图像的地方才会显示遮罩部分。如果希望取消阴影效果,只需要隐藏该遮罩即可。

一半阴影效果

将遮罩的透明度设置为50%,即可实现立绘的半阴影效果


利用混合模式限制UI显示区域

在制作UI时,如果要显示的内容大于UI框,就需要限制显示的内容,在UI框外隐藏。

创建UI框

新建九宫格对象,放入【UI框】图层

添加数个用于显示的对象,放入【UI内显示内容】图层

添加遮罩,遮挡非UI区域

首先为【UI内显示区域】图层勾选强制渲染到纹理

创建遮罩,并放入【UI内显示区域】图层

遮罩混合模式设置为:【在原图像外显示后来图像】

预览游戏,可以发现,超过UI框的部分已经被隐藏

选择了【在原图像外显示后来图像】的精灵,他的图像内容会变成位于该图层下方图层的图像内容(在本教程中为【UI框】图层内容),同时遮挡了同一图层下方的对象。(如果不好理解,可以想象成一种透视效果)
利用此混合模式还可以实现小地图、透视、战争迷雾等隐藏当前图层内容的功能。