前言

今天菜鸟来实现一个特别简单的效果，但是非常实用，因为菜鸟十一期间打发时间玩了一款枪战和一款武侠类游戏都用到了置灰这种效果。

效果

咱们还是先来看看效果：

正文

1.实现原理

实现原理，我们首先需要进行采样，然后对采样结果进行灰度操作，然后输出。

菜鸟对灰度化的处理操作为：

1.对模型贴图进行采样
2.对采样结果的r,g,b三个值取任意一个，使其他两个值与取的这个值一致，也就是r,g,b三值其实数值一样

2.代码

vec4 frag () {vec4 col = mainColor*texture(mainTexture, v_uv);col=vec4(col.x,col.x,col.x,col.a);col = CC_APPLY_FOG(col, factor_fog);return CCFragOutput(col);
}
其实主要的代码也就一行：col=vec4(col.x,col.x,col.x,col.a);
对采样后的值进行处理

地址

微信公众号：搬砖小菜鸟
扫码关注公众号，发送"置灰效果"可获取源码

Creator3D:shader_这种置灰效果看起来挺牛逼，原来实现起来这么简单相关推荐

css div li等等设置disabled属性实现置灰效果
默认情况下,div这种是没有disabled属性,没有不能点击的效果的,所以需要换个思路,增加disabled样式,如果生效的话置灰 <liv-for="item in data&qu ...
UIPopoverController的使用，看着很牛逼的样子
先看看这个图要做的样子就是点击下面这个按钮,弹出上面这个带箭头的弹出框下面来看看怎么搞 #import <UIKit/UIKit.h>@interface UIActionSheetD ...
说说filter这个css属性（网站置灰实现）
在2020年4月4日这一天,大家无论打开手机.电脑网页还是APP,都可以看到所有的内容都已经变成了灰色,大家可能还会误以为是网站统一换了一套css样式,不过后面转念一想这么多网站及页面,如果要统一换样 ...
html中灰色怎么写,css如何实现置灰不可点
实现a标签置灰不可点击禁用a标签的点击事件disabled属性和pointer-events属性值首先 ,大家要知道: a标签是没有disable 属性的 , 如果想用disable 禁止a标签 ...
默哀日网站置灰，支持IE浏览器h5
前端有很多方法可以将网站设置成完全灰色,可以通过调CSS样式,可以加滤镜,可以通过js控制样式等.然而,对不那么熟悉前端的后台开发或维护人员,只能从网上找办法,东拼西凑.尝试很多次,最麻烦的是IE浏览 ...
由置灰引出的css滤镜filter是什么东西？
文章目录前言一.什么是置灰呀? (1)选择需要的元素全部置灰吧! (2)如何置灰中抽取子内容部分不置灰呢? (3)针对ie10.11怎么搞? 二.针对iframe的内容三.filter除置灰(g ...
时间控件里面禁选国家节假日期和双休，将其置灰
继上篇文章,两个日期之间计算节假日.根据项目需要,对时间的选择进行约束,只能选择工作日.还是之前笨办法取到2018年和2019年的所有节假日.在计算属性中新增方法,判断是否是节假日,返回true和fa ...
怎么让jsp中的按钮置灰不能使用_UI设计中的按钮设计规范
已经有很多朋友催我更新设计规范的文章了,今天我就先来一篇,关于按钮设计规范的,后面会陆续更新其他控件内容.严格来说,按钮包括很多种,比如普通按钮.图标按钮.文字按钮.开关按钮等等. 但我觉得根据这样的 ...
iOS之实现图片的压缩、解压缩、模糊、置灰、马赛克、黑白化、调色等处理
压缩图片 func imageCompress(targetWidth:CGFloat) -> UIImage {let targetHeight = (targetWidth/width)*h ...

Creator3D:shader_这种置灰效果看起来挺牛逼，原来实现起来这么简单

前言

效果

正文

1.实现原理

2.代码

地址

Creator3D:shader_这种置灰效果看起来挺牛逼，原来实现起来这么简单相关推荐

最新文章

热门文章