Cocos2d-x3.3的的颜色混合BlendFunc

最新推荐文章于 2024-03-07 16:40:51 发布

little_two_two

最新推荐文章于 2024-03-07 16:40:51 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： cocos2d-x

本文链接：https://blog.youkuaiyun.com/yuxikuo_1/article/details/40437477

cocos2d-x 专栏收录该内容

171 篇文章

订阅专栏

本文详细介绍了OpenGL中的颜色混合原理及应用。包括源颜色、目标颜色的概念，以及如何通过不同的源因子和目标因子来实现颜色的混合。同时，还提供了具体的计算公式和使用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本节参考：http://goldlion.blog.51cto.com/4127613/767801

1、概念详解

“颜色混合”是指两种颜色的叠加，在新图片渲染到屏幕上的时候，将根据新图片的红、绿、蓝和透明度值与已加载屏幕上的图片

颜色信息重新融合。

1）源颜色：新图片成为源颜色

2）目标颜色：屏幕上已存在颜色称为目标颜色

3）源因子：OpenGL会把源颜色和目标颜色各自取出，并乘以一个系数，源颜色乘以的系数称为源因子

4）目标因子：目标颜色乘以的系数成为目标因子。二者相加，即得到一个新的颜色。

2、计算公式

假设：颜色信息的四个分量入下：（红、绿、蓝、透明度）

1）源颜色：（Rs，Gs，Bs，As）

2）目标颜色：（Rd，Gd，Bd，Ad）

3）源因子：（Sr，Sg，Sb，Sa）

4）目标因子：（Dr，Dg，Db，Da）

则颜色的组合如下：（Rs*Sr+Rd+Dr，Gs*Sg+Gd+Dg，Bs*Sb+Bd*Db，As*Sa+Ad*Da）如果颜色某一分量超过1.0，自动截取

3、计算因子

混合方式	解释	因子值
GL_ZERO	全部不用	（0，0，0，0）
GL_ONE	全部使用	（1，1，1，1）
GL_SRC_COLOR	使用源颜色	（Rs，Gs，Bs，As）
GL_DST_COLOR	使用目标颜色	（Rd，Gd，Bd，Ad）
GL_ONE_MINUS_SRC_COLOR	减去源颜色	（1-Rs，1-Gs，1-Bs，1-As）
GL_ONE_MINUS_DST_COLOR	减去目标颜色	（1-Rd，1-Gd，1-Bd，1-Ad）
GL_SRC_ALPHA	使用源颜色的透明度	（As，As，As，As）
GL_DST_ALPHA	使用目标颜色的透明度	（Ad，Ad，Ad，Ad）
GL_ONE_MINUS_SRC_ALPHA	减去源颜色的透明度	（1-As，1-As，1-As，1-As）
GL_ONE_MINUS_DST_ALPHA	减去目标颜色的透明度	（1-Ad，1-Ad，1-Ad，1-Ad）

4、使用方法

Sprite精灵类中存在一个设置混合方式的函数：setBlendFunc(BlendFunc)，另外混合方式的属性值是以BlendFunc结构体作为数

的，定义方式为：{'源因子','目标因子'}，混合方式可用于精灵图片颜色信息的混合与叠加。

1）创建混合方式

BlendFunc cbl = {GL_SRC_ALPHA，GL_ONE}；

2）静态常量（常用混合方式）

    const BlendFunc BlendFunc::DISABLE                 = {GL_ONE, GL_ZERO};
    const BlendFunc BlendFunc::ALPHA_PREMULTIPLIED     = {GL_ONE, GL_ONE_MINUS_SRC_ALPHA};
    const BlendFunc BlendFunc::ALPHA_NON_PREMULTIPLIED = {GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA};
    const BlendFunc BlendFunc::ADDITIVE                = {GL_SRC_ALPHA, GL_ONE};

3）混合方式举例

//目标图片，已存在于屏幕上
    Sprite* sp1 = Sprite::create("red.jpg");
    sp1->setPosition(mysize/3);
    this->addChild(sp1);
 
//源图片，新图片
    Sprite* sp2 = Sprite::create("green.jpg");
    sp2->setPosition(mysize/3.0*2.0);
    this->addChild(sp2);
 
//混合方式，新图片渲染时的混合方式
    //{ 源因子 , 混合因子 }
    BlendFunc cbl = { GL_SRC_ALPHA , GL_ONE };
    sp2->setBlendFunc(cbl);
//

4）测试