广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

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

    来源:网络收集  点击:  时间:2024-03-30
    【导读】:
    介绍Processing 3中如何设置图像/绘制图形的叠加模式(混合模式),主要是blendMode函数。旧版功能有blend函数,blend函数支持更多种类,但是主要用来混合图片,详见下面链接。工具/原料moreProcessing 3方法/步骤1/7分步阅读

    首先,使用loadImage函数读取图像创建PImage对象,并用image函数绘制之,然后再用如图代码绘制线和矩形用于演示混合的效果。

    另外要注意,background函数绘制的背景会作为参与混合的最底层。

    2/7

    使用blendMode(模式)以设置混合模式。

    设置混合模式后,每次绘制都会与以有元素按照指定模式混合。

    使用ADD模式将颜色相加,并且颜色不超过上限。

    3/7

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

    4/7

    使用LIGHTEST和DARKEST绘制图元,每次都保留较亮/较暗的像素。

    注意,两个都是用background(128)灰色作为背景,效果如图。

    5/7

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

    6/7

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

    7/7

    使用REPLACE以简单的用将要绘制的像素替换以有像素。

    和默认效果区别不大,但对透明色的处理可能有差异。

    注意事项

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

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

    PROCESSING
    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_384986.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-06 13:37:10  耗时:0.023
    0.0226s