Cocos Shader 图片去色变成灰色

把一张彩色图片变成灰色，效果如下：

代码如下：

CCEffect %{techniques:- passes:- vert: vsfrag: fsblendState:targets:- blend: truerasterizerState:cullMode: noneproperties:texture: { value: white }alphaThreshold: { value: 0.5 }
}%CCProgram vs %{precision highp float;#include <cc-global>#include <cc-local>in vec3 a_position;in vec4 a_color;out vec4 v_color;#if USE_TEXTUREin vec2 a_uv0;out vec2 v_uv0;#endifvoid main () {vec4 pos = vec4(a_position, 1);#if CC_USE_MODELpos = cc_matViewProj * cc_matWorld * pos;#elsepos = cc_matViewProj * pos;#endif#if USE_TEXTUREv_uv0 = a_uv0;#endifv_color = a_color;gl_Position = pos;}
}%CCProgram fs %{precision highp float;#include <alpha-test>#include <texture>in vec4 v_color;#if USE_TEXTUREin vec2 v_uv0;uniform sampler2D texture;#endifvoid main () {vec4 o = vec4(1, 1, 1, 1);#if USE_TEXTURECCTexture(texture, v_uv0, o);#endifo *= v_color;ALPHA_TEST(o);float gray = dot(o.rgb, vec3(0.299, 0.587, 0.114));d = vec4(gray, gray, gray, o.a);gl_FragColor = d;}
}%

Cocos Shader 图片去色变成灰色相关推荐

Android之给图片去色,返回灰度图片以及ColorMatrix中setSaturation方法的用法
原图: 效果图: 实现以上效果其实很简单,直接上代码: public class MainActivity extends Activity {private Button btn_start;pri ...
Cocos Shader入门基础七：一文彻底读懂深度图。
开篇经过一段时间的持续输出,社区中越来越多的人踏上了3D图形渲染学习之旅,麒麟子非常开心,说明输出的内容对大家都产生了实际的帮助. 特别是上一篇 <用实时反射Shader增强画面颜值> ...
UI shader图片效果处理
图片处理 unity 可以直接写shader对图片处理,调节图片的亮度,饱和度,对比度目录图片处理前言一.图片调节二.Unity 中的shader 实现 1. 亮度,饱和度,对比度 2.效 ...
Unity中图片去色两种方案
Unity中图片去色两种方案方案1:新建shader,改变图集的去色方案2:通过改变NGUI的shader来实现改变sprite的color值去色 https://github.com/dingx ...
Android之点击图片底部出现灰色圆圈效果
1 需求点击图片底部出现灰色圆圈效果 2 代码实现 1.num_oval_gray_def.xml <?xml version="1.0" encoding="u ...
CSS滤镜实现鼠标悬停图片变黑白(灰色)
文章目录前言一.思路分析 1.样式代码二.具体实现 1.全部源码 2.效果结语前言这几天在清理电脑文件夹,发现了N年前的一些小demo,顺手记录一下,都是一些比较简单的案例,话不多说了 ...
Android 图片设置为灰色
1.图片设置为灰色 source:图片路经源 dest:图片目的地 public static void toGrayImage(String source, String dest) { ...
Cocos Creator图片动态效果
Cocos Creator图片动态效果 1.呼吸效果 2.按钮抖动效果停止当前节点动画 1.呼吸效果 this.node.runAction(cc.repeatForever(cc.sequence ...
Cocos Shader入门基础四：Uniform与材质参数控制
零.这个时代,太快如果有朋友年龄和麒麟子相仿的话,小时候应该玩过DVD播放机,就下面图里这东西. 那么问题来了,你还记得,如果想要播放自己想看的内容,一共分几步吗? 和把大象装进冰箱一样简单,只需要 ...
大神驾到 | 麒麟子带你初识Cocos Shader
一.什么是Cocos Shader 可能有朋友会感到奇怪,百度上搜不到Cocos Shader. 那就对了,因为Cocos Shader 是 Cocos Creator 3D Shader的简称. 是 ...

Cocos Shader 图片去色变成灰色

Cocos Shader 图片去色变成灰色相关推荐

最新文章

热门文章