unity shaderlab特效之建筑结构科技透视效果贴近消失远离显示

前言

公司需要做个建筑结构演示。看了产品经理的方案感觉实在太low，真的看不下去了。这样下去客户也不会满意又要耗费资源去磨这个事。于是我就极不情愿的修改了方案做了这个玩意。
我国产品经理真的质量堪忧，如果没有抄袭的目标就一点idea没有。他们真正的价值大概只有牧羊犬了吧。听听别人的经验好像能死一样

先贴出最终笑狗图~

实现思路

其实不少科幻或动作电影中都有类似特效，实现起来并不复杂，只需要将三个小特效结合起来就能实现：

建筑结构透视
毛玻璃特效
贴近显示

1 结构透视的shader

其实就是半透明嘛，根据需求调整cull的面。这个过于初级我就不贴了。

2 毛玻璃

毛玻璃是根据法线做颜色变化
之前我有写过相关的文章，请无情的点击这里https://blog.csdn.net/lengyoumo/article/details/105343400

3 贴近显示

像素远近是根据像素和摄像机的距离来做适当变化。
废话不多说直接上shader，各处都有详细注释

Shader "Custom/FadeDistance" {Properties{_Inverse("Inverse", int) = 0  /// 如果不等于0 就使用相反的效果_MainTex("Texture", 2D) = "white" { }  // 贴图_MainColor("MainColor", Color) = (1,1,1,1)  //主颜色_FadeNear("fade near distance", float) = 10  //贴近显示的最近距离_FadeFar("fade far", float) = 20 // 贴近显示的最远距离_FadeRate("Fade Rate", Range(0.001, 2)) = 0.1  // 整体受影响比例}SubShader{// 设置显示类型和队列，由于需要使用像素透明度的fade 所以需要在transparent队列Tags { "Queue" = "Transparent" "RenderType" = "Transparent"}// 设置剔除面。至少在我这个例子中，cull back的效果好一点，cull off 显得有点杂。Cull back// 透明混合方式。  最普通的处理方式，不用多说Blend SrcAlpha OneMinusSrcAlphapass{CGPROGRAM#pragma vertex vert#pragma fragment frag#include "UnityCG.cginc"sampler2D _MainTex;float4 _MainTex_ST;struct v2f {float4  pos : SV_POSITION;float2  uv : TEXCOORD0;float fade : TEXCOORD1;};int _Inverse;float4 _MainColor;float _FadeRate;float _FadeNear;float _FadeFar;// 顶点着色器v2f vert(appdata_base v){v2f o;// 将顶点从模型空间转换到裁剪空间o.pos = UnityObjectToClipPos(v.vertex);// 获取正确的uv坐标o.uv = TRANSFORM_TEX(v.texcoord,_MainTex);// 将坐标转换到观察空间float4 posView = mul(UNITY_MATRIX_MV,v.vertex);// 物体与镜头距离float distance = length(posView);// 是否翻转fade方向if(_Inverse==0){// 靠近消失o.fade = saturate((distance - _FadeNear) / (_FadeFar - _FadeNear)) * _FadeRate;}else{// 远离消失o.fade = 1 - saturate((distance + _FadeNear) / (_FadeFar + _FadeNear));}return o;}// 片元着色器float4 frag(v2f i) : COLOR{// 合并贴图、主颜色、uv取得像素的颜色信息float4 col = tex2D(_MainTex,i.uv) * _MainColor;// 计算镜头fade 获取最终像素颜色透明度return float4(col.rgb, col.a * i.fade);}ENDCG}}

结合1，2，3得到最终的shader代码

Shader "Custom/FadeInOut" {Properties{_Inverse("Inverse", int) = 0_MainTex("Texture", 2D) = "white" { }_MainColor("MainColor", Color) = (1,1,1,1)_FadeNear("fade near distance", float) = 10_FadeFar("fade far", float) = 20_FadeRate("Fade Rate", Range(0.001, 2)) = 0.1_AlphaValue("_AlphaValue",Range(0.01,1)) = 1}SubShader{Tags { "Queue" = "Transparent" "RenderType" = "Transparent"}Cull backZWrite OffBlend SrcAlpha OneMinusSrcAlphapass{CGPROGRAM#pragma vertex vert#pragma fragment frag#include "UnityCG.cginc"sampler2D _MainTex;float4 _MainTex_ST;struct v2f {float4  pos : SV_POSITION;float2  uv : TEXCOORD0;float fade : TEXCOORD1;float3 viewDir:TEXCOORD2;float3 worldNormal:NORMAL;  };float _AlphaValue;int _Inverse;float4 _MainColor;float _FadeRate;float _FadeNear;float _FadeFar;v2f vert(appdata_base v){v2f o;o.worldNormal =  UnityObjectToWorldNormal(v.normal);float4 worldPos = mul(unity_ObjectToWorld, v.vertex);o.viewDir = normalize(UnityWorldSpaceViewDir(worldPos));o.pos = UnityObjectToClipPos(v.vertex);o.uv = TRANSFORM_TEX(v.texcoord,_MainTex);float4 posView = mul(UNITY_MATRIX_MV,v.vertex);float distance = length(posView);if(_Inverse==0){o.fade = saturate((distance - _FadeNear) / (_FadeFar - _FadeNear)) * _FadeRate;}else{o.fade = 1 - saturate((distance + _FadeNear) / (_FadeFar + _FadeNear));}return o;}float4 frag(v2f i) : COLOR{float4 col = tex2D(_MainTex,i.uv)* _MainColor;half normalAngle = 1 - abs(dot(i.worldNormal, i.viewDir));return float4(col.rgb, col.a * i.fade)  * normalAngle;}ENDCG}}
}

请留下你的赞再走~~~

unity shaderlab特效之建筑结构科技透视效果贴近消失远离显示相关推荐

Unity ShaderLab特效教程适用于贴图、sprite和ugui的2d着色器实例代码+详解注释【锐化效果】
如果代码中有什么不清楚请查看以下基础知识 Shader基础知识 unity3d 中七种坐标知识详解锐化效果笑狗图代码 Shader "Custom/BlurBox" {Pr ...
Unity ShaderLab特效教程适用于贴图、sprite和ugui的2d着色器实例代码+详解注释【将贴图转为马赛克效果】
如果代码中有什么不清楚请查看以下基础知识 Shader基础知识 unity3d 中七种坐标知识详解一个将贴图转为马赛克效果的shader: 万恶的马赛克其实也是一种艺术风格,如果你在开发2d游戏不 ...
Unity ShaderLab特效教程适用于贴图、sprite和ugui的2d着色器实例代码+详解注释【2d流光边框效果】
如果代码中有什么不清楚请查看以下基础知识 Shader基础知识 unity3d 中七种坐标知识详解 2d流光边框效果可以自定义边框的高和宽,流光尺寸和速度以及中心点笑狗图: 代码 Shader ...
Unity ShaderLab特效教程适用于sprite和ugui的2d着色器实例代码+详解注释【波浪起伏的扭曲动画效果】
如果代码中有什么不清楚请查看以下基础知识 Shader基础知识 unity3d 中七种坐标知识详解适用于sprite和ugui的波浪动画shader Shader "Custom/wav ...
Unity ShaderLab学习总结
http://www.jianshu.com/p/7b9498e58659 Unity ShaderLab学习总结作者 DonaldW 关注 2014.07.20 17:17* 字数 4891 阅读 ...
Unity项目如何组织目录结构
前言组织好项目的目录结构,是维护项目的很重要的一个点,我们学习别人源码,了解别人的设计思路都是从目录结构开始,一个清晰的目录结构,对项目开发维护,项目管理来说非常的重要,目录维护的好,大家在一起工作 ...
Unity项目如何组织目录结构，有几个习惯与你相同
前言组织好项目的目录结构,是维护项目的很重要的一个点,我们学习别人源码,了解别人的设计思路都是从目录结构开始,一个清晰的目录结构,对项目开发维护,项目管理来说非常的重要,目录维护的好,大家在一起工作 ...
【渝粤教育】国家开放大学2018年春季建筑结构基础参考试题
科目编号:8 -6-6- 6 座位号 2017-2018学年度第二学期期末考试建筑结构基础试题 2018年 7 月一.单选题(本大题共10小题,每小题4分,共计40分) (★请考生务必将答案填入 ...
说说中国的图书出版业者-读《小学奥数举一反三(5年级A版)》和《2010注册建筑师建筑结构考试强化模拟试题集》有感...
最近看了两本书,对中国当下的图书出版业者有了些认识. 图书1:<小学奥数举一反三(5年级A版)> (全国优秀畅销书) 作者:蒋顺.李济元,陕西人民教育出版社 ISBN: 978754198 ...

unity shaderlab特效之建筑结构科技透视效果贴近消失远离显示

前言

实现思路

1 结构透视的shader

2 毛玻璃

3 贴近显示

结合1，2，3得到最终的shader代码

unity shaderlab特效之建筑结构科技透视效果贴近消失远离显示相关推荐

最新文章

热门文章

unity shaderlab特效之 建筑结构科技透视效果 贴近消失远离显示

前言

实现思路

1 结构透视的shader

2 毛玻璃

3 贴近显示

结合1，2，3得到最终的shader代码

unity shaderlab特效之 建筑结构科技透视效果 贴近消失远离显示相关推荐

最新文章

热门文章

unity shaderlab特效之建筑结构科技透视效果贴近消失远离显示

unity shaderlab特效之建筑结构科技透视效果贴近消失远离显示相关推荐