效果:

VSH:

#ifdef OPENGL_ES
precision mediump vec2;
precision mediump float;
#endif// Attributes
attribute vec3 a_position;
attribute vec2 a_texCoord;
attribute vec4 a_color;// Varyings
#ifdef GL_ES
varying vec2 v_texCoord;
#else
varying vec2 v_texCoord;
#endif
varying vec4 v_fragmentColor;void main()
{gl_Position = CC_PMatrix * vec4(a_position, 1.0);v_texCoord = a_texCoord;v_fragmentColor = a_color;
}

FSH:

#ifdef GL_ES
precision mediump float;
#endifvarying vec2 v_texCoord;
varying vec4 v_fragmentColor;
void main()
{vec4 col = texture2D(CC_Texture0, v_texCoord );float h = dot(col.rgb, vec3(0.3, 0.59, 0.21));gl_FragColor = vec4(h, h, h, col.a);
}

cocos shader 之 黑白滤镜相关推荐

  1. 火云开发课堂 - 《Shader从入门到精通》系列 第八节:在Shader中实现黑白滤镜

    <Shader从入门到精通>系列在线课程 第八节:在Shader中实现黑白滤镜 视频地址: http://edu.csdn.net/course/detail/1441/22672?aut ...

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

    在Sprite中使用Shader做特殊的颜色处理比较简单,只需要把Shader程序绑定到Sprite上即可: sprite.shaderProgram = alphaTestShader; Cocos ...

  3. Android Camera使用OpenGL ES 2.0和GLSurfaceView对预览进行实时二次处理(黑白滤镜)

    第一篇 Android Camera使用OpenGL ES 2.0和GLSurfaceView对预览进行实时二次处理(黑白滤镜) 第二篇 Android Camera使用OpenGL ES 2.0和T ...

  4. Android Camera API 2使用OpenGL ES 2.0和GLSurfaceView对预览进行实时二次处理(黑白滤镜)

    这段时间有点忙,一直没时间写第三篇教程,其实代码很早之前就写好了.本系列教程会有三篇文章讲解Android平台滤镜的实现方式,希望在阅读本文之前先阅读前面两篇文档. 第一篇 Android Camer ...

  5. java用opencv实现滤镜_opencv滤镜-二值化实现黑白滤镜

    黑白滤镜 黑白滤镜非常简单,顾名思义就是图像只有黑色与白色,这实际上就是图像的二值化.实现的原理也非常地简单,设定一个阈值,假设为128,判断每个像素点的灰度值,大于128设为255(对应白色),小于 ...

  6. opencv滤镜-二值化实现黑白滤镜

    黑白滤镜 黑白滤镜非常简单,顾名思义就是图像只有黑色与白色,这实际上就是图像的二值化.实现的原理也非常地简单,设定一个阈值,假设为128,判断每个像素点的灰度值,大于128设为255(对应白色),小于 ...

  7. 基于HTML5 Canvas实现黑白滤镜

    getImageData 和 putImageData 是 HTML5  Canvas两个比较常用的两个 API. 通过getImageData,可以得到canvas指定区域的像素点数组,每个像素点包 ...

  8. canvas--putImageData--(灰色滤镜、黑白滤镜、反色滤镜、模糊滤镜、马赛克滤镜)

    示例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title& ...

  9. 4.5.2.3_黑白滤镜

    4.5.2.3_黑白滤镜 <!DOCTYPE html> <html><head><meta charset="UTF-8">< ...

最新文章

  1. C++ STL set(集合)
  2. 阿里 mysql cluster_MySQL Cluster集群安装及使用-阿里云开发者社区
  3. 计算机教学教育评价和实践手册,教育教学实践评价手册(听课记录表三)
  4. mysql主从数据库服务器搭建
  5. 【sklearn第四讲】数据集变换
  6. 3D点云目标检测算法汇总
  7. cmake install_CMAKE入门实战
  8. lede 内核 单 编_openwrt和lede有何区别?
  9. 【智能优化算法】基于基于遗传算法实现认知无线电优化求解附matlab代码
  10. Hexo设置背景图片轮播效果
  11. Spark实践的阶段性总结
  12. WebGL unsupported in this browser 谷歌浏览器,edge不支持WebGL
  13. 微信小程序云调用security.mediaCheckAsync接口成功实例(内容安全审核接口)
  14. 在linux虚拟机上显示摄像头视频(V4L2编程)
  15. 关于atmel芯片security bit的取消
  16. android 开发框架 andbase,Android快速开发框架andbase
  17. 如何将邮箱里一封邮件添加到附件中进行发送
  18. 目标检测入坑指南3:VGGNet神经网络
  19. 全球与中国纳米压印光刻系统市场发展调研及投资价值报告2022-2028年版
  20. 微信小程序实现身份证识别-ocr

热门文章

  1. 32岁想转嵌入式软件开发来得及吗?参加嵌入式培训好不好?
  2. 【Linux】基础指令
  3. 安卓蓝牙USB连接热敏打印机一
  4. No.1_NABCD模型分析
  5. reference pics
  6. 2019初创企业投融资服务平台都有哪些?
  7. windows cmd字典
  8. 上市十天高管大换血 甘李药业有隐疾?
  9. Push rejected: Push to origin/master was rejected--git推送项目到远程服务器
  10. 如何打包浏览器的扩展程序