――颜色混合BlendFunc,第1张](/aiimages/cocos2dx%5B3.2%5D%2815%29%E2%80%95%E2%80%95%E9%A2%9C%E8%89%B2%E6%B7%B7%E5%90%88BlendFunc.png "cocos2dx[3.2](15)――颜色混合BlendFunc,第1张")
本节参考：http://www.jb51.cc/article/p-kxbrzgaj-vm.html
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,As） |
| GL_DST_Alpha | 使用目标颜色的透明度 | （Ad,Ad,Ad） |
| 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 | // //{'源因子','目标因子'} BlendFunccbl={GL_SRC_Alpha,GL_ONE}; // |
4.2、静态常量（常用混合方式）
@H_525_301@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 // //目标图片，已存在于屏幕上 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); ->addChild(sp2); //混合方式，新图片渲染时的混合方式 //{源因子,混合因子} sp2->setBlendFunc(cbl); 4.4、如下图所示 650) this.wIDth=650;" src="http://img.jb51.cc/vcimg/static/loading.png" title="blend.jpg" alt="wKiom1QEtyCBx1jcAABsFgqcVJg055.jpg" src="http://s3.51cto.com/wyfs02/M02/47/F3/wKiom1QEtyCBx1jcAABsFgqcVJg055.jpg">
5、混合方式举例
（1）{ GL_ONE,GL_ZERO }
650) this.wIDth=650;" src="http://img.jb51.cc/vcimg/static/loading.png" title="b1.jpg" alt="wKiol1QEuTajzwqsAAAomr0Cwdc453.jpg" src="http://s3.51cto.com/wyfs02/M00/47/F5/wKiol1QEuTajzwqsAAAomr0Cwdc453.jpg">
（2）{ GL_ZERO,GL_ONE }
650) this.wIDth=650;" src="http://img.jb51.cc/vcimg/static/loading.png" title="b2.jpg" alt="wKiom1QEuWngO6qrAAAYU-tyrVw791.jpg" src="http://s3.51cto.com/wyfs02/M00/47/F3/wKiom1QEuWngO6qrAAAYU-tyrVw791.jpg">
（3）{ GL_ONE,255);text-align:center;">
650) this.wIDth=650;" src="http://img.jb51.cc/vcimg/static/loading.png" title="b3.jpg" alt="wKiol1QEufegzzolAAAsUt4gCjU945.jpg" src="http://s3.51cto.com/wyfs02/M01/47/F5/wKiol1QEufegzzolAAAsUt4gCjU945.jpg">
（4）{ GL_SRC_Alpha,GL_ONE }（比较常用）
和上图一样？是因为“源颜色”的透明度为：1。
650) this.wIDth=650;" src="http://img.jb51.cc/vcimg/static/loading.png" title="b4.jpg" alt="wKiom1QEuk2Bi8jeAAAsXXQ5FXQ245.jpg" src="http://s3.51cto.com/wyfs02/M01/47/F3/wKiom1QEuk2Bi8jeAAAsXXQ5FXQ245.jpg">
本文出自 “夏天的风” 博客，请务必保留此出处http://www.jb51.cc/article/p-fpnoljdp-wx.html
总结 以上是内存溢出为你收集整理的cocos2dx[3.2](15)――颜色混合BlendFunc全部内容，希望文章能够帮你解决cocos2dx[3.2](15)――颜色混合BlendFunc所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
赞
(0)
打赏
微信扫一扫
支付宝扫一扫
cocos2dx 粒子系统CCParticleSystem
上一篇
2022-05-25
评论列表（0条）