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

时间:2024-10-12 10:33:08

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

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

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

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

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

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

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

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

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

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

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

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

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

Processing 3:混合模式/叠加方式(blendMode)
© 手抄报圈