混合模式的简单运用

本篇教程将使用混合模式实现一些游戏功能，混合模式的定义请查看混合模式
点我下载游戏工程
你可以观看视频学习，也可以下拉查看文字教程
混合模式的视频教程

实现avg立绘黑色阴影效果

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

建立图层组

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

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

创建背景、立绘

将背景放入背景层


放入立绘

加入立绘遮罩

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


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

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

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

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

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

一半阴影效果

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

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

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

创建UI框

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

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

添加遮罩，遮挡非UI区域

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

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

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

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

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