原文:cocos2d-js Shader系列2:在cc.Sprite上使用Shader(黑白、灰度、造旧效果)

在Sprite中使用Shader做特殊的颜色处理比较简单,只需要把Shader程序绑定到Sprite上即可: Cocos d内置了一些Shader,详细可以看代码: 其中,CCShaderCache缓存了一些Shader实例,而GLProgram则对gl的api做了简单的封装让接口更友好。 需要注意的是,使用GLProgram编译shader程序时,cocos d会自动加入了一些参数。 另外,绑定 ...

2014-11-04 16:35 0 7739 推荐指数:

查看详情

cocos2d-js Shader系列1:cocos2d-js Shader和OpenGL ES2.0

cocos2dShader也就是差不多直接跟GPU打交道了,跟Flash的Stage3D(AGAL)类似,不过没有AGAL这么恶心,不需要直接编写汇编语言。而Fragment Shader又跟Flash的pixelbender类似。 本文以cocos2d-js为例,但cocos2dx其他版本 ...

Wed Nov 05 00:31:00 CST 2014 1 4775
cocos creator基础-(六)cc.Sprite使用

1: 了解cc.Sprite使用;2: 了解cc.Sprite的大小模式;3: 学会使用九宫格,使用九宫格节省美术资源;4: 学会个性化的时间精度条的使用;5: 代码里面来更换图片; cc.Sprite 1: 游戏中显示一个图片,通常我们把这个叫做”精灵” sprite2: cocos ...

Mon Feb 25 20:08:00 CST 2019 0 2865
cocos2d-js Shader系列4:Shader、GLProgram在jsb(native、手机)和html5之间的兼容问题。cocos2d-js框架各种坑。

为了让jsb也能顺利跑起滤镜效果,在手机侧折腾了2天,因为每次在真机上运行总要耗那么半分钟,而且偶尔还遇到apk文件无法删除导致运行失败的情况。 这个调试起来,实在让人烦躁加沮丧。 还好,测试上百轮,翻jsb代码+各种猜测实验之后,终于顺利的把前3个系列的例子都通通在Android ...

Sun Nov 09 18:44:00 CST 2014 0 6219
cocos2d-js Shader系列3:多重纹理 multiple textures multiple samplers

上一篇,我们学习了怎么便捷的控制sprite的颜色,而这个都是默认一个texture的,如果要实现类似mask的效果,或者更个性化的多纹理效果,怎么实现呢? 这就是这一节需要介绍的内容。 例如上图的效果,下方2个球是原图,而上方的图就是由2个球通过某个公式合成的效果 ...

Thu Nov 06 03:14:00 CST 2014 7 4370
Cocos2d-x shader学习1: 灰度shader

灰度shader 最近在学习shader,就把cocos2d-x 3.x版本中的很简单也很常用的灰度shader拿出来学习一下。 代码分析 precision mediump float是open es特有的精度限定符,原本的浮点数精度是double,opengl es为了提高渲染效率 ...

Tue Feb 02 23:13:00 CST 2016 0 5953
Cocos2d-x shader学习3: sprite描边(Outline)

Cocos2d-x 3.x的label使用了freetype字体引擎(http://www.freetype.org/),可以很轻松的实现描边和阴影效果。所以本篇文章只针对于sprite来实现描边效果。 官方demo中描边shader没有看懂,看效果好像是有点问题,透明的部分变成了黑色。作者 ...

Sat Feb 20 23:49:00 CST 2016 0 4963
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM