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