1.3 KiB
1.3 KiB
混合模式是指同一个显示容器中的两个显示对象重叠时,重叠区域如何呈现的方式,也就是两个显示对象的重叠区域像素如何混合产生结果像素。
1.覆盖混合
说明
覆盖混合,表示为"normal",该显示对象出现在背景前面。显示对象的像素值将覆盖背景的像素值。在显示对象为透明的区域,背景是可见的。
设置
通常不设置混合模式,默认就是覆盖混合。设置图片为覆盖模式的代码:
img.blendMode = egret.BlendMode.NORMAL;
效果
使用覆盖混合的效果:
2.叠加混合
说明
叠加混合,表示为"add" :将显示对象的原色值添加到它的背景颜色中,上限值为 0xFF。此设置通常用于使两个对象间的加亮溶解产生动画效果。
设置
设置图片为覆盖模式的代码:
img.blendMode = egret.BlendMode.ADD;
效果
使用叠加混合的效果:
3.擦除混合
说明
擦除混合,表示为"erase" :根据显示对象的 Alpha 值擦除背景。即不透明区域将被完全擦除。
设置
设置图片为覆盖模式的代码:
img.blendMode = egret.BlendMode.ERASE;
效果
使用擦除混合的效果: