开启辅助访问

QQ登录

注册 找回密码
查看: 12445
回复: 259

Shader Shader案例汇总

 

TA的画板

12万

元素币

3416

活跃度

18

贡献值

元素皇

Rank: 5Rank: 5Rank: 5Rank: 5Rank: 5

积分
214172
主题
6
精华
2
扩散
0
首发
0
土豪金
6163
在线时间
291 小时
发表于 2018-3-17 12:18:06

马上注册成为元素者,获取海量元素资源,结识各路大神级人物

您需要 登录 才可以下载或查看,没有帐号?注册

x
价格:5000元素币 销售总额:101000元素币 购买人数:21

尊敬的游客 ,本内容需要支付 5000元素币 来下载,您可以充值或者发帖分享。也可使用扩散 悬赏 任务获取元素币,来下载。
Shader案例汇总

Unity 版本 : 2017.3.0f3

ShaderForge 版本 : v1.38

22333333.png

三次汇总下载链接,适合之前没有买过的朋友:
附带下面的全部 shader 原始节点文件!


本文是Shader案例分析实现     三篇内容的汇总:

01_PannerUV
      

参数介绍:

sf_01_panneruv_Material.png

节点图:

sf_01_panneruv_1272018.png

说明:

      对一张贴图进行平移UV地采样;
      用上面采样的贴图对另一张贴图的UV采样进行扭曲;
      实现扭曲的效果;
      用这种UV偏转的方法实现的扭曲效果是非常廉价的,可以在移动端使用,适合做一些水折射的模拟。


Distortion
效果:
Distortion_L.gif
参数介绍:
sf_02_distortion_Material.png
节点图:
sf_02_distortion_1272018.png
说明:
对贴图UV进行扰动采样两张图;
一张用于对颜色值进行失真采样;
一张用于对Alpha值进行失真处理;
实现不规则的失真效果;
受到顶点颜色的影响;
有深度混合的功能,和其他物体衔接的地方透明度降低;
这个是一个用于粒子特效的Shader,会受到Unity粒子系统的颜色变化值的影响。深度混合的功能,如果在游戏中使用,需要在摄像机上挂 EnableCameraDepthInForward.cs (在ShaderForge的插件中有)的脚本

ImageBlend
效果:
03_ImageBlend1.gif
参数介绍:
sf_03_imageblend_material.png
节点图:
sf_03_imageblend_1272018.png
说明:
对屏幕之前的图像进行采样;
使用两张贴图和屏幕图像混合;
根据图片的Alpha通道对屏幕之前的像素和图片的采样结果进行混合;
两张图片混合的结果再通过一个Lerp值进行差值显示
用这种方法实现这种效果,是非常不可取的,因为采样屏幕当前图像的做法是非常耗时,且一些低端的移动设备不支持,一般用这种方法来实现刀光扭曲和毛玻璃的效果。这种方法不可取

Gradients
效果:
05_Gradients.gif
参数介绍:
sf_05_gradients_Material.png
节点图:
sf_05_gradients_1272018.png
说明:
这个Shader更像是一个中间产品,很少有单独用到这种效果的,这中渐变的索引通常配合更多更复杂的Shader来实现更复杂的效果,这个Shader权当是记录这种实现方法,以后要用到这种实现的时候,从这里拷贝过去就行


1、头发
效果:
222738wpk62pbp0k22csmc.jpg
参数介绍:
222738zo33ozmyo3fjblco.jpg
节点图:
222739j9orggoy51ndw52y.jpg
说明:
使用这种方法来模拟头发,尽量把头发模型的UV顺着头发生长方向分
2、Blinn-Phong
效果:
222930wh9hhfga4n6ephbm.jpg
参数介绍:
222930ip9vvtv9oxlrxet9.jpg
节点图:
222932rjge8juetvy8ut6g.jpg
说明:
使用的效果有:反射环境光;边缘光;自发光;Blinn-Phong光照模型

3、MatCap
效果:

222936hx4zqbmffxttz3uu.jpg

参数介绍:
222937v2z6x1t33svfm414.jpg
节点图:
222938m7mzt5cfp9n9apjc.jpg
说明:

MatCap效果的实现原理是法线在屏幕空间的xy分量映射到0-1,然后作为UV对贴图进行采样


4、雪
效果:
222939mneqzib0zbqb8tt7.jpg
参数介绍:
222939tdscof4ffe41gpoj.jpg
节点图:
222940vt3gamzzemvut6ex.jpg
说明:

使用细分曲面的方式实现雪的效果,这种方法较为昂贵,适用于PC和主机平台,移动平台直接去掉细分也能得到不错的效果。

5、黑洞扭曲
效果:
222943y77e3hzdeydhbuhu.jpg
参数介绍:
222944h5dd7a7ii7qr73mz.jpg
节点图:
222945edzuy9ooo90da4qj.jpg
说明:

通过一些复杂的计算实现一种漩涡扭曲的图形,这种做法类似SubstanceDesigner的程序纹理,这种实现方法会消耗一些GPU的ALU,适合在硬件性能较好的平台使用。

6、贴图扭曲
效果:
222949g66yncu4656iecju.jpg
参数介绍:
222949kbaf9oef1bwoa0wa.jpg
节点图:
222950uymuj2yyhynhgfzn.jpg
说明:

使用贴图制作扭曲的方式更加灵活多变,可根据不同的模型对应产生不同的效果,便于美术控制

7、sin函数波形图
效果:
222951xaalukawolde06hv.jpg
参数介绍:
222951rtb1hzt12bht1atj.jpg
节点图:
222953qsw8asscd4hhzh54.jpg
说明:

这种完全通过UV(0-1)生成的波形图,在一定程度上减少对贴图的采样,但也伴随着精度的问题,数值过大的时候会根据不同显卡产生一些误差。

带高光卡通效果
效果:
221933dz1dxgnxn76b7kb6.jpg
参数说明:
221933f2vi0xc6vhakvbxo.jpg
节点图:
221934m3wquy3duyvyokeo.jpg
说明:

添加了Blinn-Phong高光的卡通渲染效果


漫画网点效果
效果:
221522jv4eopv11touv1yt.jpg
参数说明:
221522wkcvzfzfvnsfwg7k.jpg
节点图:
221523rzeb5ek4q5b49f4f.jpg
说明:

模拟漫画网点效果,可以用作特殊场景的渲染效果


漫画影线效果模拟
效果:
221720wfgzjfoywkfjf34e.jpg
参数说明:
221716qlmdyqg3dq3xg9yq.jpg
节点图:
221721zhw8g6689jrg4739.jpg
说明:
模拟漫画网点效果,可以用作特殊场景的渲染效果





卡通海洋模拟

效果:
220909ahc1vferrfvtrvir.jpg
参数介绍:
220909steene62nprer4ep.jpg
节点图:
220910kd2gfsadhhgru8fg.jpg
说明:
可用于模拟简单的卡通海洋浪花效果,并不完善,不能直接使用



效果:
220914bsisn22jseysy2zi.jpg
参数说明:
220915ffk4bgfbc33cql3f.jpg
节点图:
220915o6zx2zx2a57x53o7.jpg
说明:

在地面剪切一个圆形洞,可用作特殊用途



网格
效果:
221843fsdpexep3x97hwyn.jpg
参数说明:
221844mmee0ew58wmmhd3o.jpg
节点图:
221844u18989905xxt4nt0.jpg
说明:

可以用于制造镂空模型网格效果



灯光光晕
效果:
222107meeq751t7dk2k9sd.jpg
参数说明:
222108e7vut52tfuz29oo9.jpg
节点图:
222108hw8x82gewzl912xg.jpg
说明:

可用作模拟灯光光晕的效果,需要开启摄像机的深度模式才可以使用。

扇形图
效果:
222208i4b2f4cbfvtivhcy.jpg
参数说明:
222208jxx5r2ai5iriajxl.jpg
节点图:
222208fx59t21zhe9izwrx.jpg
说明:

扇形图,原理类似溶解


扇形图2
效果:
222333vfn1nhl18yo7j1np.jpg
参数说明:
222333kveb5bhghe1mbb8n.jpg
节点图:
222334o67bgsrnq6mp9ksp.jpg
说明:

可控制张角和旋转角度,可配合一些复杂效果做遮罩使用

模拟星空
效果:
222436y4d45x7x1415wqz4.jpg
参数说明:
222437et6t2muq6tvk0t66.jpg
节点图:
222437q6phqe0pq1jv665j.jpg
说明:

模拟星空的效果,可以用作天空盒

旋转法线
效果:
222553z9h407wze8c14wea.jpg
参数说明:
222553k3gor8813n8m8rog.jpg
节点图:
222554q8bw916pfvftkn8a.jpg
说明:

旋转法线效果,实际用处不大

根据方向混合贴图
效果:
222630g00p04euree0eku0.jpg
参数说明:
222630ob10hzh0hsppsc84.jpg
节点图:
222631ydjchhqhkhrcq9qx.jpg
说明:

根据方向对法线和纹理进行混合,实际用处不大


Terrain地形混合效果
效果:
222804ib1kblv1xv61mbz1.jpg
参数说明:
222804lrdhsxlsudsxszq9.jpg
节点图:
222806dinbngzgggilszlg.jpg
222807mfr56z5r4m599n99.jpg
说明:

两种实现均是可以的,实现原理等同于 T4M以及Unity自带的Terrain Shader


以下是一些没有搞清楚的Shader,只给大家分享一下节点图和几张效果,有兴趣的同学可以下载下来深入研究

效果:
223139sssoucfy57zbttuz.jpg
节点图:
223135sx0m0hle9mbsxlh3.jpg

效果:
223139jnf3gtpg7t6fqgk5.jpg
节点图:
223136iqva25snqqjlenli.jpg

节点图:
223137s3sjpunszpahdxdz.jpg

223137i300o0yqmhhsq0z7.jpg

223138to2fggcmuooatfck.jpg

223138j1k9mm9pbbgba9kb.jpg



欢迎大家关注我的微信公众号,获取更多内容:
223353m301t8whva7xbl13.jpg [size=0.83em] 设为封面  [url=]采集到微库[/url]








评分

参与人数 10元素币 +10109 活跃度 +155 贡献值 +2 收起 理由
悦动的喵 + 30 + 30 V587
大西几 + 10 + 20 很好很强大!
珏铭 + 10 + 30 楼主强大
吾命随缘 + 1 + 5 【给力】阅贴无数,楼主最强!
hahameng198706 + 5 楼主辛苦了
落落乖 + 10 + 20 + 1 这个太棒了,牛贴~
kimoji + 10 + 20 非常强悍的帖子!!
空空如也不知处 + 30 + 20 + 1 厉害了
元素界王 + 10000 完美完成任务!
nuox4 + 3 + 10 【喜欢】看到这么好的帖如同回到初恋的年代!

查看全部评分

还没有设置签名!您可以在此展示你的链接,或者个人主页!

使用道具 举报

回复 论坛版权

盘 TA

楼主分辛苦了,感谢分享

使用道具 举报

回复

盘 TA

感谢楼主分享,楼主辛苦了。

使用道具 举报

回复

盘 TA

感谢分享很不错

使用道具 举报

回复

盘 TA

元素帖子强,满满正能量!

使用道具 举报

回复

盘 TA

寻找资源哪家强,快上中国元素网

使用道具 举报

回复

盘 TA

寻找资源哪家强,快上中国元素网

使用道具 举报

回复
EQD

盘 TA

使用道具 举报

回复

盘 TA

感谢楼主感谢元素

使用道具 举报

回复

盘 TA

支持一下

使用道具 举报

回复

盘 TA

使用道具 举报

回复

盘 TA

来支持了哈。!

使用道具 举报

回复

盘 TA


资源哪里好,肯定元素找!

使用道具 举报

回复

盘 TA

里面包含材质球文件么?如果光是图片教程,卖5000元素币的意义何在?

评分

参与人数 1元素币 +10 收起 理由
元素界王 + 10 本区的帖子必须有源文件!或者代码算法等干货!

查看全部评分

使用道具 举报

回复

盘 TA

不错,学习了

使用道具 举报

回复

盘 TA

资源哪里好,肯定元素找!

使用道具 举报

回复

盘 TA

感谢分享很不错

使用道具 举报

回复

盘 TA


感谢楼主分享!!

使用道具 举报

回复

盘 TA

kankan

使用道具 举报

回复

盘 TA

kankan

使用道具 举报

回复

盘 TA

666

使用道具 举报

回复

盘 TA

感谢楼主的分享

使用道具 举报

回复

盘 TA

你们大神真会玩!

使用道具 举报

回复

盘 TA

6666666666666666666

使用道具 举报

回复

盘 TA

我们先定一个能达到的小目标,先赚它一个元素币

使用道具 举报

回复

盘 TA

感谢楼主的分享,很棒的教程

使用道具 举报

回复

盘 TA

楼主分辛苦了,感谢分享

使用道具 举报

回复

盘 TA

66666666666

使用道具 举报

回复

盘 TA

从业不识微元素,做遍项目也枉然

使用道具 举报

回复

盘 TA

看看好不好玩

使用道具 举报

回复

盘 TA


感谢楼主分享,顶贴支持

使用道具 举报

回复

盘 TA

感谢分享很不错

使用道具 举报

回复

盘 TA

感谢作者分享

使用道具 举报

回复

盘 TA

多谢分享~!~!

使用道具 举报

回复

盘 TA


多谢分享~!~!

使用道具 举报

回复

盘 TA

Good

使用道具 举报

回复

盘 TA

感谢分享很不错

使用道具 举报

回复

盘 TA

谢谢分享素材!

使用道具 举报

回复

盘 TA

进来看看走走

使用道具 举报

回复

盘 TA

支持一下

使用道具 举报

回复
您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

元素推荐-友情提示上一条 /1 下一条

快速回复 返回顶部 返回列表