跳到主要内容

混合模式

混合模式是指同一个显示容器中的两个显示对象重叠时,重叠区域如何呈现的方式,也就是两个显示对象的重叠区域像素如何混合产生结果像素。

1.覆盖混合

说明

覆盖混合,表示为"normal",该显示对象出现在背景前面。显示对象的像素值将覆盖背景的像素值。在显示对象为透明的区域,背景是可见的。

设置

通常不设置混合模式,默认就是覆盖混合。设置图片为覆盖模式的代码:
img.blendMode = egret.BlendMode.NORMAL;

效果

使用覆盖混合的效果:

2.叠加混合

说明

叠加混合,表示为"add" :将显示对象的原色值添加到它的背景颜色中,上限值为 0xFF。此设置通常用于使两个对象间的加亮溶解产生动画效果。

设置

设置图片为覆盖模式的代码:
img.blendMode = egret.BlendMode.ADD;

效果

使用叠加混合的效果:

3.擦除混合

说明

擦除混合,表示为"erase" :根据显示对象的 Alpha 值擦除背景。即不透明区域将被完全擦除。

设置

设置图片为覆盖模式的代码:
img.blendMode = egret.BlendMode.ERASE;

效果

使用擦除混合的效果: