
UnityShader3
宏哥1995
希望能参与到一个伟大游戏的制作中
展开
-
[UnityShader3]模糊效果
场景布置:1.创建两个Image,给底层的Image赋值图片,并让它覆盖整个屏幕;不用给上层的Image赋值图片,让它覆盖整个屏幕。2.将下面的shader赋给上层的Image。Shader "hongGe/GrabTexture3" { Properties { _Offset ("UVOffset", float) = 0.01//uv偏移 _Perce原创 2015-06-12 17:34:47 · 2439 阅读 · 0 评论 -
[UnityShader3]光晕效果
参考链接:3D:http://tieba.baidu.com/p/2454612524http://tieba.baidu.com/p/3401476641http://bbs.cgwell.com/thread-11215-1-1.html2D:http://www.cnblogs.com/xiaozefeng/p/Unity3D_Shader_Light_S原创 2016-07-09 14:43:42 · 9729 阅读 · 5 评论 -
[UnityShader3]遮罩效果
1.首先,就是不带贴图的遮罩效果了,很简单,但是缺点也很明显,就是uv会随自适应而拉伸,造成镂空区域发生变形,例如下图,本想镂空一个圆形区域,但是却因为拉伸而变成椭圆了。Shader "Custom/Mask"{ Properties { } SubShader { Pass { CGPROGRAM #pragma vertex vert原创 2016-07-06 15:40:27 · 3188 阅读 · 3 评论 -
[UnityShader3]边缘光流动效果
参考链接:http://liweizhaolili.blog.163.com/blog/static/162307442012726111843408/效果图:1.首先,导入unity自带的模型,如下图,它使用的是StandardSpecular这个shader,具体的实现可以从unity官网中下载看看。它的实现比较复杂,这里我们把它替换为我们自己写的shader。对于法线原创 2016-07-06 09:38:14 · 15959 阅读 · 5 评论 -
[UnityShader3]光之翼效果
参考链接:http://liweizhaolili.blog.163.com/blog/static/1623074420140239329304/效果图(这里我使用的是Quad,如果是扇形的话,会好看很多):1.首先就是透明度测试加uv偏移效果,通过遮罩可以把边缘弄成合适的形状(如上面的锯齿状),通过uv偏移可以达到粒子喷射的效果Shader "Custom/原创 2016-07-05 13:48:39 · 1774 阅读 · 0 评论 -
[UnityShader3]彩光效果
参考链接:http://blog.youkuaiyun.com/stalendp/article/details/40690185效果图:这里我把它分三部分实现:1.彩色 2.光圈 3.动画1.先实现彩色效果。分析一下那张彩色图,它是以中心为原点的,然后颜色分为三部分,如下图。当角度为90度时,蓝色最多;当角度为-150度时,红色最多;当角度为-30原创 2016-07-15 16:43:28 · 4786 阅读 · 0 评论 -
[UnityShader3]网格渐现效果
参考链接:http://liweizhaolili.blog.163.com/blog/static/1623074420140591864/效果图:1.首先就是简单的渐现效果,同时要注意,在出现网格时,需要用到透明度混合Shader "Custom/Mesh"{ Properties { _MainTex ("MainTex", 2D) = "whi原创 2016-07-05 08:48:41 · 6930 阅读 · 11 评论 -
[UnityShader3]序列帧遮罩效果
参考链接:http://liweizhaolili.blog.163.com/blog/static/1623074420154412826120/效果图:上面的图有意思吧?呵呵。。其实就是使用序列帧加遮罩实现的,具体的可以看一下参考链接。1.首先就是使用shader播放序列帧Shader "Custom/Fire"{ Properties {原创 2016-07-04 18:08:46 · 1747 阅读 · 1 评论 -
[UnityShader3]局部动态效果
参考链接:http://blog.youkuaiyun.com/stalendp/article/details/30989295效果图:Shader "Custom/Lightning"{ Properties { _MainTex ("Main Texture", 2D) = "white" {} _MaskTex ("Mask Texture", 2D) =原创 2016-07-14 16:04:15 · 3340 阅读 · 0 评论 -
[UnityShader3]转圈与冷却效果
参考链接:http://blog.youkuaiyun.com/stalendp/article/details/22687059一.转圈效果效果图:如何实现一个圆绕中心点运动呢?原理很简单,就是随着时间的流逝,起始边固定,而另一条边不断地移动,弧度从0到2*PI,只需求出移动边与圆边的交点,然后画圆即可。至于这个交点,因为圆心的uv为(0.5,0.5),所以交点的坐标就是原创 2016-07-12 15:46:26 · 3807 阅读 · 0 评论 -
[UnityShader3]圆角与流光效果
参考链接:http://blog.youkuaiyun.com/mobanchengshuang/article/details/38731035?utm_source=tuicool&utm_medium=referralhttp://blog.youkuaiyun.com/stalendp/article/details/22720295一.圆角效果原理如下,对紫色区域进行特殊处理,如原创 2016-07-13 16:06:28 · 3059 阅读 · 0 评论 -
[UnityShader3]波浪效果
参考链接:http://blog.youkuaiyun.com/stalendp/article/details/21993227效果图:1.首先,实现格子背景图Shader "Custom/Curve"{ Properties { _BackgroundColor ("BackgroundColor", Color) = (1, 1, 1, 1) _Ba原创 2016-07-11 22:31:17 · 5378 阅读 · 1 评论 -
[UnityShader3]热扭曲效果
参考链接:http://blog.sina.com.cn/s/blog_89d90b7c0102vaqy.html1.首先回顾一下透明度混合的实现。在片段着色器输出源颜色后,经过Blend后与目标颜色混合,即可达到颜色混合的效果。Shader "Custom/AlphaBlend"{ Properties { _RGB ("颜色", Color) = (1, 0, 0原创 2016-07-11 11:29:43 · 10968 阅读 · 1 评论 -
[UnityShader3]流光效果
参考链接:http://www.unitymanual.com/thread-30314-1-1.html首先直接上效果图:动态的效果就是一条光线横扫着图标。要制作流光效果,一般要用一张底图,一张流光图(流光图中的非光线部分最好是黑色的)。以下是本次使用的流光图:好了现在我们来分析一下如何实现流光效果。1.通过对效果图的分析,我们原创 2015-03-19 23:32:30 · 9407 阅读 · 2 评论 -
[UnityShader3]去色效果
参考链接:http://www.xiaobao1993.com/373.html去色shader:Shader "Custom/Gray" { Properties { _MainTex ("Base (RGB)", 2D) = "white" {} } SubShader { Pass{ C转载 2015-05-14 21:15:10 · 5823 阅读 · 0 评论 -
[UnityShader3]溶解与重现效果
参考链接:http://www.cnblogs.com/Esfog/p/DissolveShader.html效果图:从颜色变化来说,有三种,一种是纹理颜色,一种是纹理与黑边的混合颜色,一种是透明(用discard处理,不绘制像素)。还需要一张纹理(任意),根据它的任意一个通道来控制哪部分先消失。例如上面的效果图用的就是这张纹理的r通道:如果用的是这张纹原创 2015-06-10 13:14:07 · 7444 阅读 · 0 评论 -
[UnityShader3]遮罩效果
学习shader也有一段时间了,但由于只注重理论,而不注重实践,所以当想要写一个shader时,往往无从下手。眼看着大神们写出了各种华丽的shader,本人的心中真是百感交集啊!于是近段时间终于下定决心,重新学习了shader。关于shader的基础教程,个人认为比较好的是《猫都能学会的Unity3D Shader入门指南》系列、浅墨的shader教程以及《unity4.x从入门到精通》中shad原创 2015-03-17 14:39:11 · 4367 阅读 · 0 评论 -
[UnityShader3]2D描边效果
参考链接:http://inpla.net/thread-6502-1-1.htmlhttp://www.jianshu.com/p/1d9d439c28fa1.Shader "Custom/Edge"{ Properties { _MainTex ("Texture", 2D) = "white" {} _OffsetUV ("OffsetU原创 2016-05-24 10:08:35 · 12723 阅读 · 3 评论