cocos shader 之 黑白滤镜
效果:
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 之 黑白滤镜相关推荐
- 火云开发课堂 - 《Shader从入门到精通》系列 第八节:在Shader中实现黑白滤镜
<Shader从入门到精通>系列在线课程 第八节:在Shader中实现黑白滤镜 视频地址: http://edu.csdn.net/course/detail/1441/22672?aut ...
- cocos2d-js Shader系列2:在cc.Sprite上使用Shader(黑白、灰度、造旧效果)
在Sprite中使用Shader做特殊的颜色处理比较简单,只需要把Shader程序绑定到Sprite上即可: sprite.shaderProgram = alphaTestShader; Cocos ...
- Android Camera使用OpenGL ES 2.0和GLSurfaceView对预览进行实时二次处理(黑白滤镜)
第一篇 Android Camera使用OpenGL ES 2.0和GLSurfaceView对预览进行实时二次处理(黑白滤镜) 第二篇 Android Camera使用OpenGL ES 2.0和T ...
- Android Camera API 2使用OpenGL ES 2.0和GLSurfaceView对预览进行实时二次处理(黑白滤镜)
这段时间有点忙,一直没时间写第三篇教程,其实代码很早之前就写好了.本系列教程会有三篇文章讲解Android平台滤镜的实现方式,希望在阅读本文之前先阅读前面两篇文档. 第一篇 Android Camer ...
- java用opencv实现滤镜_opencv滤镜-二值化实现黑白滤镜
黑白滤镜 黑白滤镜非常简单,顾名思义就是图像只有黑色与白色,这实际上就是图像的二值化.实现的原理也非常地简单,设定一个阈值,假设为128,判断每个像素点的灰度值,大于128设为255(对应白色),小于 ...
- opencv滤镜-二值化实现黑白滤镜
黑白滤镜 黑白滤镜非常简单,顾名思义就是图像只有黑色与白色,这实际上就是图像的二值化.实现的原理也非常地简单,设定一个阈值,假设为128,判断每个像素点的灰度值,大于128设为255(对应白色),小于 ...
- 基于HTML5 Canvas实现黑白滤镜
getImageData 和 putImageData 是 HTML5 Canvas两个比较常用的两个 API. 通过getImageData,可以得到canvas指定区域的像素点数组,每个像素点包 ...
- canvas--putImageData--(灰色滤镜、黑白滤镜、反色滤镜、模糊滤镜、马赛克滤镜)
示例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title& ...
- 4.5.2.3_黑白滤镜
4.5.2.3_黑白滤镜 <!DOCTYPE html> <html><head><meta charset="UTF-8">< ...
最新文章
- C++ STL set(集合)
- 阿里 mysql cluster_MySQL Cluster集群安装及使用-阿里云开发者社区
- 计算机教学教育评价和实践手册,教育教学实践评价手册(听课记录表三)
- mysql主从数据库服务器搭建
- 【sklearn第四讲】数据集变换
- 3D点云目标检测算法汇总
- cmake install_CMAKE入门实战
- lede 内核 单 编_openwrt和lede有何区别?
- 【智能优化算法】基于基于遗传算法实现认知无线电优化求解附matlab代码
- Hexo设置背景图片轮播效果
- Spark实践的阶段性总结
- WebGL unsupported in this browser 谷歌浏览器,edge不支持WebGL
- 微信小程序云调用security.mediaCheckAsync接口成功实例(内容安全审核接口)
- 在linux虚拟机上显示摄像头视频(V4L2编程)
- 关于atmel芯片security bit的取消
- android 开发框架 andbase,Android快速开发框架andbase
- 如何将邮箱里一封邮件添加到附件中进行发送
- 目标检测入坑指南3:VGGNet神经网络
- 全球与中国纳米压印光刻系统市场发展调研及投资价值报告2022-2028年版
- 微信小程序实现身份证识别-ocr