Cocos2d-x   发布时间:2022-05-03  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了cocos2dx[3.2](15)——颜色混合BlendFunc大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

原文:点此


1、概念

“混合”是指两种颜色的叠加方式。在新图片将要渲染画到屏幕上的时候,将用在新图片中的红、绿、蓝和透明度信息,与屏幕上已经存在的图片颜色信息相融合。

说的具体一点,就是把某一像素位置上原来的颜色和将要画上去的颜色,通过某种方式混在一起,从而实现特殊的效果。

新图片颜色被称作“源颜色”,而屏幕上已存在的图片颜色则被称作“目标颜色”

OpenGL会把源颜色和目标颜色各自取出,并乘以一个系数(源颜色乘以的系数称为“源因子”,目标颜色乘以的系数称为“目标因子”),然后相加,这样就得到了新的颜色。


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,则它会被自动截取为1.0,不需要虑越界的问题。

3、混合因子

混合方式 解释 因子值
GL_ZERO 全部不用 (0,0)
GL_ONE 全部使用 (1,1,1)
GL_SRC_COLOR 使用源颜色 (Rs,As)
GL_DST_COLOR 使用目标颜色 (Rd,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,0)"> GL_DST_ALPHA 使用目标颜色的透明度 (Ad,Ad,0)"> GL_ONE_MINUS_SRC_ALPHA 减去源颜色的透明度 (1-As,1-As,1-As)
GL_ONE_MINUS_DST_ALPHA 减去目标颜色的透明度 (1-Ad,1-Ad,1-Ad)

4、使用方法

Sprite精灵类中有一个设置混合方式的函数setBlendFunc(BlendFunc),另外混合方式的属性值是以BlendFunc结构体作为数据的,定义方式为:{ '源因子','目标因子' }

混合方式可用于精灵纹理图片颜色信息的混合与叠加。


4.1、混合方式创建

1
2
3
4
//
@H_400_262@ //{'源因子','目标因子'}
BlendFunccbl={GL_SRC_ALPHA,GL_ONE};
//

4.2、静态常量(常用混合方式)

4
5
6
const BlendFuncBlendFunc::DISABLE={GL_ONE,GL_ZERO};
BlendFuncBlendFunc::ALPHA_PREMULTIPLIED={GL_ONE,GL_ONE_MINUS_SRC_ALPHA};
BlendFuncBlendFunc::ALPHA_NON_PREMULTIPLIED={GL_SRC_ALPHA,GL_ONE_MINUS_SRC_ALPHA};
BlendFuncBlendFunc::ADDITIVE={GL_SRC_ALPHA,GL_ONE};
4.3、混合方式举例

6
7
8
9
10
11
12
13
14
15
16
//
@H_400_262@ //目标图片,已存在于屏幕上
Sprite*sp1=Sprite::create( "red.jpg" );
sp1->setPosition(mysize/3);
this ->addChild(sp1);
//源图片,新图片
@H_262_380@ Sprite*sp2=Sprite::create( "green.jpg" );
sp2->setPosition(mysize/3.0*2.0);
->addChild(sp2);
//混合方式,新图片渲染时的混合方式
//{源因子,混合因子}
:1.1em!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; font-family:Consolas,GL_ONE};
sp2->setBlendFunc(cbl);
4.4、如下图所示

5、混合方式举例

(1){ GL_ONE,GL_ZERO }

(2){ GL_ZERO,GL_ONE }

(3){ GL_ONE,SimKai">(4){ GL_SRC_ALPHA,GL_ONE }(比较常用)

和上图一样?是因为“源颜色”的透明度为:1。

大佬总结

以上是大佬教程为你收集整理的cocos2dx[3.2](15)——颜色混合BlendFunc全部内容,希望文章能够帮你解决cocos2dx[3.2](15)——颜色混合BlendFunc所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。