cocos2dx shader应用——sprite变灰
2015-04-22 17:43
267 查看
借鉴了多位博主的代码,谢谢!~~分享精神!
使用版本:cocos2d-x2.2.1
在实际项目中,经常需要用到灰色图像。比如按钮变灰,一般情况下,我们需要准备三张图,一张正常颜色图,一张按钮按下图,一张按钮变灰图。若此种类似情况过多,就会导致资源包过大,这显然不是我们愿意看到的结果。此种情况下,我们就可以考虑修改程序的方法,实现正常颜色图变灰,就可以减少资源图。
基于上述情况,我们需要增加程序中图像变灰代码。具体有两种思路:
(一)因为图像在cocos2dx引擎中是使用CCImage加载进来的,图像数据也使用CCImage存储。因此,可以使用图像处理方法将图像数据修改,转换为灰度图,然后创建精灵;
(二)使用shader的方式,将图像显示转化为灰度图显示。
1、本文采用的就是第二种方式。具体步骤如下:写好一个图像变灰的shader程序,并放入到cocos2dx引擎下面的shader文件夹中。
2、ccShaders.h中添加
3、ccShaders.cpp中添加
4、CCShaderCache.cpp中添加枚举类型
CCShaderCache::loadDefaultShaders()中添加
CCShaderCache::reloadDefaultShaders()中添加
CCShaderCache::loadDefaultShader(CCGLProgram *p, int type)中添加
5、CCGLProgram.h中添加
6、新建一个灰度转换调用类(以便扩展其他的颜色转换)
over!~
效果图:
使用版本:cocos2d-x2.2.1
在实际项目中,经常需要用到灰色图像。比如按钮变灰,一般情况下,我们需要准备三张图,一张正常颜色图,一张按钮按下图,一张按钮变灰图。若此种类似情况过多,就会导致资源包过大,这显然不是我们愿意看到的结果。此种情况下,我们就可以考虑修改程序的方法,实现正常颜色图变灰,就可以减少资源图。
基于上述情况,我们需要增加程序中图像变灰代码。具体有两种思路:
(一)因为图像在cocos2dx引擎中是使用CCImage加载进来的,图像数据也使用CCImage存储。因此,可以使用图像处理方法将图像数据修改,转换为灰度图,然后创建精灵;
(二)使用shader的方式,将图像显示转化为灰度图显示。
1、本文采用的就是第二种方式。具体步骤如下:写好一个图像变灰的shader程序,并放入到cocos2dx引擎下面的shader文件夹中。
效果图:
相关文章推荐
- cocos2dx shader应用——sprite变灰
- cocos2dx shader应用——sprite变灰去色
- cocos2dx3.2版本利用shader实现sprite灰态图的正确方法
- Cocos2dx 定义可以修改颜色的Sprite(shader的使用)
- Cocos2dx-JS 在 Sprite 上使用 Shader
- opengl之vsh、fsh简易介绍+cocos2dx 3.0 shader 变灰
- cocos2dx学习笔记之SpriteBatchNode应用
- cocos2dx 坐标转换相关函数应用演示
- Cocos2dx 使用Shader使精灵变灰
- cocos2dx 3.x以上(Sprite精灵类的相关属性与创建)
- cocos2dx Texture、SpriteFrame、Sprite的区别
- cocos2dx shader实现灰度图android后台切换回来导致图像偏移的问题
- cocos2dx中用shader实现折射效果
- Cocos2dx 3.0 过渡篇(三十)灰机还是3D好(Sprite3D)
- cocos2dx-3.0以上版本之 创建Sprite精灵的6种形式
- 【cocos2d-x 2.x 学习与应用总结】10: cocos2d-x自带的shader及其使用
- cocos2dx ver3.3 的Sprite3DTest 例子中可以学到什么
- Unity3D 2D Sprite描边效果Shader,可手动调整效果适配
- cocos2d-x 2.x CCScale9Sprite shader渲染变灰方法
- Cocos2dX 动作结束回调应用