多语言展示
当前在线:310今日阅读:176今日分享:34

Processing 3:混合模式/叠加方式(blendMode)

介绍Processing 3中如何设置图像/绘制图形的叠加模式(混合模式),主要是blendMode函数。旧版功能有blend函数,blend函数支持更多种类,但是主要用来混合图片,详见下面链接。0Processing 3:图像混合入门(blend函数)
工具/原料

Processing 3

方法/步骤
1

首先,使用loadImage函数读取图像创建PImage对象,并用image函数绘制之,然后再用如图代码绘制线和矩形用于演示混合的效果。另外要注意,background函数绘制的背景会作为参与混合的最底层。

2

使用blendMode(模式)以设置混合模式。设置混合模式后,每次绘制都会与以有元素按照指定模式混合。使用ADD模式将颜色相加,并且颜色不超过上限。

3

使用SUBTRACT模式,每次绘制都从以有像素中减去当前像素,并且颜色不低于下限。

4

使用LIGHTEST和DARKEST绘制图元,每次都保留较亮/较暗的像素。注意,两个都是用background(128)灰色作为背景,效果如图。

5

使用DIFFERENCE和EXCLUSION都是以某种方式从以有像素中减去当前要绘制的像素,但是强度有区别。

6

使用MULTIPLY以将像素颜色分量相乘(结果更暗),使用SCREEN将乘以新像素的颜色分量的倒数(结果更亮)

7

使用REPLACE以简单的用将要绘制的像素替换以有像素。和默认效果区别不大,但对透明色的处理可能有差异。

注意事项
1

以上这些blendMode在默认渲染器和P2D等渲染器下的效果可能有轻微差别。

2

blendMode支持的混合模式比blend函数要少。

推荐信息