Cocos2dx BlendFunc以及用其来实现裁切出不同形状的精灵
来源:互联网 发布:php中字符串截取 编辑:程序博客网 时间:2024/05/21 22:25
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 , 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结构体作为数据的,定义方式为:{ ‘源因子’ , ‘目标因子’ }。
混合方式可用于精灵纹理图片颜色信息的混合与叠加。
5、举例
//目标图片,已存在于屏幕上 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);
效果图如下
(1){ GL_SRC_ALPHA , GL_ONE }
(2){ GL_ONE , GL_ZERO }
(3){ GL_ZERO, GL_ONE }
(4){ GL_ONE, GL_ONE }
(5){ GL_SRC_ALPHA , GL_ONE }
跟上图一样,是因为“源颜色”的透明度为 1。
以上内容参考 http://shahdza.blog.51cto.com/2410787/1547633
6、裁切圆形
首先要准备一张白色的圆形图片作为遮罩,circle.png
Size visibleSize = Director::getInstance()->getVisibleSize();auto circle = Sprite::create("circle.png");circle->setPosition(Vec2(visibleSize.width / 2, visibleSize.height / 2));auto sprite = Sprite::create("HelloWorld.png");sprite->setPosition(Vec2(visibleSize.width / 2, visibleSize.height / 2));//目标图片即要裁切的图片,和作为遮罩的图片的大小要一样sprite->setScaleX(circle->getContentSize().width / sprite->getContentSize().width);sprite->setScaleY(circle->getContentSize().height / sprite->getContentSize().height);//设置遮罩图片的混合属性BlendFunc cirBlend = { GL_ONE, GL_ZERO };circle->setBlendFunc(cirBlend);//设置目标图片的混合属性BlendFunc sprBlend = { GL_DST_ALPHA, GL_ZERO };sprite->setBlendFunc(sprBlend );addChild(circle);addChild(sprite);
效果如下:
如此类推,可以通过这种方法得到各种不同形状的精灵,当然也可以通过ClippingNode去创建。
- Cocos2dx BlendFunc以及用其来实现裁切出不同形状的精灵
- Cocos2dx BlendFunc以及用其来实现裁切出不同形状的精灵
- 关于cocos2d-js中使用 ClippingNode 以及 BlendFunc 来实现遮罩
- 用cocos2dx来做好玩的游戏 第一天 添加精灵动画
- cocos2dx系列--颜色混合BlendFunc
- cocos2dx 获取精灵范围以及相关的一些应用
- 交易基金来有不同的形状和大小
- 不同形状的头像
- cocos2dx 3.2 实现鼠标拖动精灵移动的效果!
- Cocos2dx实现精灵的加速(适用于塔防游戏)
- 如何使用 Cocos2dx 来绘制异形精灵
- Android 使用Fresco实现不同形状的加载图片
- cocos2dx中精灵的动作
- cocos2dx 关于精灵的操作
- cocos2dx对精灵的优化
- cocos2dx对精灵的优化
- cocos2dx创建精灵的方法
- Cocos2dx对精灵的优化
- ReviewBoard安装和配置摘要
- 37玩sdk接入后,用手机号注册账号时提示签名错误
- 如何为UICollectionView的每一个组设置不同的颜色
- mac brew 真强大
- js中escape()函数和unescape()函数的功能
- Cocos2dx BlendFunc以及用其来实现裁切出不同形状的精灵
- button 跳转
- [JAVA · 初级]:18.先递,后归
- Android中的MVP模式(1)
- .NET跨平台实践:用C#开发Linux守护进程
- QT中如何实现XML文件的创建、增加、修改、删除功能。
- ORACLE各种插入数据方式对比
- 欢迎使用CSDN-markdown编辑器
- UVA_10099_The Tourist Guide_kruscal