unity中shader制作流光效果.docx

unity中shader制作流光效果.docx

《unity中shader制作流光效果.docx》由会员分享，可在线阅读，更多相关《unity中shader制作流光效果.docx（11页珍藏版）》请在冰豆网上搜索。

unity中shader制作流光效果

在unity中使用shader制作流光效果

本文转自—蓝鸥Unity培训

流光，关键在于流动。

从画法的角度看，流光效果的成本很低，一张流光图，一张过滤图，一个渲染遍，即可实现效果。

但是效果很令人印象深刻。

你跟随着这篇东西去一步步操作，就能得到一些实际可用的Shader。

在开始写一个简单的流光效果之前，我们先普及一些shader的知识

这是一个新建的shader，我只是添加了一些注释

接下去，我们要在此基础上，一步步修改加上流光的效果。

这里我们使用surfaceshader，surfaceshader是unity的一个特别设计。

他是pixelshader的一部分，准确的说，前半部分。

Surfaceshader自动生成一个传统的vertexshader和pixelshader，根据你所指定的光照模型。

因为大部分的shader并不干涉光照模型，而只是在像素阶段做一些叠加、混合什么的。

Surfaceshader巧妙的让你可以只关心这一部分，学习的时候，只关注一部分，恰恰是个优点。

随便准备两张图片，一张底图，一张流光图

这里顺便给出一个快速制作流光图的ps操作方法。

1、弄一个黑色的背景

2、使用渐变工具

其中logo01是底图，无所谓用什么东西，最好选择一张比较暗的图，我们准备采用加法让他变亮，暗一点效果更明显。

我们想使用flow图的alpha通道，flow图延x方向运动，循环往复。

至少要让flow图的一个半边全黑，因为加法全黑等于没加。

当使用这半边时完全不加亮

Flow贴图的设置这里要特别说明三个地方

∙AlphafromGrayscale从图片的灰度生成alpha通道，直接制作alpha通道不直观，灰度图很直观。

这个选项就是让你用一张直观的灰度图生成通道。

∙

你可以不用这个选项，而是自己提供一个有alpha通道的图片

∙

∙wrapMode当uv超出01范围是的取值方法，我们需要让这张图循环往复，就是利用wrapmoderepeat来实现的。

必须使用这个选项

∙

∙Format，因为这张图我们只需要一个通道，而且不适合压缩，没有比Alpha8更适合的存储格式了

可选，只是为了节省内存容量

∙

然后流光Shader新手拈来，有注释的部分是在空shader基础上增加的

稍微解释一下原理，

把一张贴图的四个顶点的uv连成一个红框，是这样的。

把每个顶点的uv.x/2是这样的

对uv.x再加上同一个值是这样的

我们就是要用加上的这个值，对这个红框做动画

效果如下

拖动shader下面的拉杆就可以看到循环效果，用一个脚本去驱动这个参数做动画，就有流光效果了。

然后让我们做一点改变，动画这个东西不用脚本也能做。

因为shaderlab里面有默认参数_Time.y他等于Time.timeSinceLevelLoad

经过Step02的修改，这个材质可以自动的动起来，不需要代码驱动。

然后我们可以再改一点点，让他变成透明的

也可以改成不受光影响的