ShaderGUI研究笔记

萝貝 发表于    2023年04月16日 18:07
7891
29
113

       欧斯~我又回来了

       好久没有研究新的东西了,因为一些原因一直在拖延,好久之前就想学学GUI了,一直找不到教程,找到教程之后又过了好久才开始动身研究,最近才顺利结束,感觉这东西真不是一般人能看明白的,好在教程详细,内容就按照最简单的功能来随便写了写,感觉很多大佬们已经发过更好更方便的shader了,我只是比较头铁,用别人的shader总有些用不太惯,所以按照自己的需求自己做了一个低配版,只是为了做特效,也只能用在特效上的shader,一开始的版本功能少,没有GUI的话也很容易翻到底,但是功能越来越多之后,菜单长度越来越长,中间的间隔也越来越大,用起来鼠标滚轮都受不了了,写个GUI就是为了偷懒,咳咳,为了方便。


基础界面介绍

       界面整体就是这样了,好像也没啥子特殊的,功能比较少,就是为了平时做特效方便,而且考虑到项目里面能用到的也不多,所以没加什么很复杂的功能,能把这些都用熟练的就不错了,所以这个shader很适合像我这样的新人同学~起码不会选择困难,哈哈哈。

ShaderGUI笔记3.0第一张.png

基础设置板块

       这个板块奥,我觉得好像没什么特殊的东西要介绍,就是一些简单功能,很常用,每个模式加了一些图文对比,这样的话看得更清晰,可能有那么几个功能会感觉很疑惑,比如说“显示在最前层”到底是啥啊,看不出来啊,意思就是正常情况和地板发生碰撞会被遮挡住,但是打开这个按钮,就会显示在地板前面了,即使就位置上来说他们还插在一起,但是视觉上我是在他上面,用来做受击就很好用,不会被人物模型挡住贴图了。还看不明白就自己摆一摆试一试更直观,所以这么记录应该能大可能预防早年痴呆,避免哪天忘了功能又看不懂自己写的到底是什么玩意。



ShaderGUI笔记3.0第三张_基础部分其二.png


主贴图,颜色叠加贴图设置板块

       这个板块嘛......

ShaderGUI笔记3.0第四张_主贴图和颜色叠加贴图.png

跟随主贴图一次UV性流动对比

颜色叠加贴图跟随主贴图移动                                                                                  颜色叠加贴图不跟随主贴图移动  

GUI002.gifGUI001.gif


遮罩贴图,溶解贴图,扭曲贴图设置板块

ShaderGUI笔记3.0第五张_遮罩,溶解,扭曲贴图其一.png

扭曲效果对比

扭曲不影响颜色叠加贴图                                                                                  扭曲影响颜色叠加贴图  

GUI004.gifGUI003.gif


菲涅尔和顶点偏移设置板块

ShaderGUI笔记3.0第六张_菲涅尔,顶点偏移贴图其一.png


       因为写了GUI的原因,所以会有两个文件,第一个就是普通shader,第二个有#号的就是GUI文件,两个放在一个文件夹里面才会正常显示卷展栏,如果只放进去第一个,那么就会显示普通shader的样式了,不过在工作中应该基本没有GUI吧,所以不能光图方便,可以试试不用GUI看看英文单词对应的意思是什么。

       如果有人好奇GUI文件里面的功能是怎么实现的,可以打开第二个文件看看喔~做了不少注释呢,前提是看得懂,啊哈哈。

image.png

↓链接就放在这里了↓

链接:https://pan.baidu.com/s/1qKEU3xZkIFBN88lo7PasHA 

提取码:gm0k

 

↓2024.8.22更新↓

(整体透明控制,附加贴图溶解)

链接: https://pan.baidu.com/s/1rFxUvZ8F3DgAnCK3NhN33g 

提取码: 5wg2 





       发现了bug,更新一下,适用于2018-2019-2020,2017会乱码,更高的就没试过了,这三个倒是没啥问题了


       好嘞~到这儿shader的笔记就结束了~我还准备了两份一样功能不同渲染管道的shader~

image.png

image.png

       这俩shader内容都是一样的,就不重复介绍了,起因是因为我发现现在有些项目都在使用URP管线做东西了,但是的工程要是URP的话,shader就不通用了,反之,如果shader是URP的,自己又不会切换URP场景,也是用不了,所以我准备了两份,Built_in就是默认管线,URP就是高清管线了(应该是吧),反正可以看情况选择到底用哪个。

       如果想知道怎么切换渲染管线的话可以接着往下看~如果不需要的话就阔以到此为止了。

Shader笔记3.0URP转换.png

       OK,完事儿~多亏温温的技术支持,不然也搞不出来这么好用的shader~


       喔对了,遇到有人问我想学shader应该从哪里入门?

       答:https://space.bilibili.com/15396626/video



发表于    2023年04月16日 18:07
URL已复制到剪贴板!